获取与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