jquery - 如何获取被点击元素的类？

Question

我不知道如何获取被点击元素的 class 值。

当我使用下面的代码时，我每次都会得到“node-205”。

jQuery:

.find('> ul')
.tabs(
{
    selectedClass: 'active',
    select: function (event, ui) {
        //shows only the first element of list
        $(this).children('li').attr('class');
    },
    cookie: { expires: 0 },
    fx: fx
})

HTML:

<ul class="tabs">
  <li class="node-205"></li>
  <li class="node-150"></li>
  <li class="node-160"></li>
</ul>

Answer 1

这是一个简单的 jQuery 示例，它向每个“li”标记添加一个点击事件，然后检索被点击元素的类属性。

$("li").click(function() {
   var myClass = $(this).attr("class");
   alert(myClass);
});

同样，您不必在 jQuery 中包装对象:

$("li").click(function() {
   var myClass = this.className;
   alert(myClass);
});

在较新的浏览器中，您可以获得 full list of class names :

$("li").click(function() {
   var myClasses = this.classList;
   alert(myClasses.length + " " + myClasses[0]);
});

您可以使用 myClass.split(/\s+/);

在旧版浏览器中模拟 classList