javascript - jQuery获取元素的实际类

Question

这给了我点击元素具有的类列表：

$("#nav li ul li").click(function(e){
        var cla=$(this).attr('class');
});

我只想要写在元素旁边的实际类，我不想要其他类。

Answer 1

这将提供元素类列表中的第一个类。

$("#nav li ul li").click(function(e){
    var cla= this.className.split(/[ \n\r\t\f]/g)[0];
});

例子

<li class="one two three">Something</li>

返回一个

JSFIDDLE：http: //jsfiddle.net/kfL9X/2/

如果你只在上上课，li你可能会错误地假设它.attr('class')是如何工作的。因为它只会返回所选元素的类。

例如给定这个 HTML：

<ul class="other clazzes">
    <li class="one two three">Something</li>
</ul>

以下 Javascript 会发出警报：

$("ul li").click(function(e){
    alert(this.className); //alerts one two three, no parent classes
});