Question

这是一个有两个类的简单div：

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

    });

我试图获得第二类onclick的名称：

{{1}}

关于如何做到这一点的任何想法？谢谢

Answer 1

可能有帮助如果类之间只有一个空格

，则可以使用此代码

$( ".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

Answer 2

您可以使用classList，它将返回元素的类属性列表。

＆＃13;

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

＆＃13;

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

＆＃13;

Fiddle Here

使用JQuery onclick获取第二个CSS类的名称

2 个答案: