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>

1つ返す

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
});