獲取與jQuery第二CSS類名的onclick

Question

這是一個簡單的div有兩類：

<div class="social twitter"></div> 

我想獲得第二類的onclick名稱：

$(".social").bind("click touchstart", function() { 
     var sn = $(this).**SECOND_CLASS(= twitter)**; 

    }); 

任何關於如何做到這一點的想法？謝謝

Answer 1

您可以使用classList，它將返回元素的類屬性列表。

$(".social").bind("click touchstart", function() { 
 
    var cName = this.classList[1]; 
 
    alert(cName); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="social twitter">Hello</div>

Fiddle Here

Answer 2

可以幫 如果你有類

$(".social").on("click touchstart", function() { 
     var sn = ($(this).attr('class').split(' '))[1]; 
     alert(sn); 
    }); 

DEMO

，如果你有類之間更多的空間，你可以使用之間只有一個空間，你可以使用此代碼..我想這將是更好的

$(".social").on("click touchstart", function() { 
     var sn = ($(this).attr('class').replace(/\s+/g, ' ').split(' '))[1]; 
     alert(sn); 
    }); 

DEMO