javascript - .addClass 只有在无序列表中被点击的元素符号

Question

我有一个带有两个元素符号的简短无序列表。

我添加了一些 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>

Answer 1

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

应该是

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

$(this).parent() 将引用特定的 li 元素，而 $('#items li') 引用所有 li under #items