javascript - 为什么使用 .next() 选择所有 li 元素而不是只选择一个

Question

我在 ul 上使用 jQuery .next() 时遇到问题。我要做的是当用户单击下一个按钮时，它只会将其添加到它旁边的 li 中。出于某种原因，它不断将其添加到每个列表项中。这是一个工作示例:

http://jsfiddle.net/JLSR3/

$(document).ready(function(){
    $('a.next').click(function(){
        //alert('clicked');
        $('ul.menu li').next().addClass('active');
    });
});

Answer 1

那是因为 $('ul.menu li') 将选择 ul.menu 中的所有列表项； .next() 将为 $('ul.menu li') 中的每个元素找到下一个元素，因此当您处理多个元素时你添加你的类(class)。

我认为您可能希望从在其中一个 li 元素上设置 active 类开始，然后使用如下内容:

$('ul.menu li.active').removeClass('active').next().addClass('active');