-1

箇条書きが 2 つある短い順不同リストがあります。

箇条書きをクリックするとクラスが追加されるように、Javascript を追加しました。

問題は、クリックしたものだけでなく、既存のすべてのliにクラスを追加することです。

JSFiddle は次のとおりです: http://jsfiddle.net/4sa8T/

Javascript:

$("#items li a").click(function(){

$("#items li").addClass("newClass");

});

html:

<div id="content">
    <ul id="items">
    <li><a href="#">Hello</a></li>
    <li><a href="#">Bye</a></li>    
    </ul>
</div>
4

2 に答える 2

3 
$("#items li a").click(function(){
    $("#items li").addClass("newClass");
});

する必要があります

$("#items li a").click(function(){
    $(this).parent().addClass("newClass");
});

$(this).parent()特定のli要素を参照し、その下のすべて$('#items li')の を参照します li#items

于 2013-05-12T23:15:27.300 に答える
1

あなたにとって最良の解決策は、次のものを使用することです：

$(this).toggleClass('newClass');

ドルこれは、クリックされた特定の要素を使用していることを示します...

toggleClassを使用すると、要素をもう一度クリックして、追加したクラスを簡単に削除できます。

ここにデモjsfiddleがあります

于 2013-05-14T01:10:35.830 に答える