jQuery - 使用 next()

Question

在以下情况下，我想在单击div.first > a 时为后续的div.second 添加一个“highlight”类。

html:

<li>
    <div class="first">
        <a href="#">link</a>
    </div>
    <div class="second">
        text to be highlighted
    </div>
</li>
<!--(repeats)-->

js:

$("div.first > a").click(function() {
    $(this).next("div.second").addClass("highlight");   
});

我知道它错了，但我不知道如何正确地做。请帮忙。

Answer 1

.next() 找到 当前元素 的下一个兄弟。您当前的元素是<a>，在这种情况下，它没有兄弟姐妹（可怜的东西）。使用parent() 检索包含<div>，然后使用next() 找到要突出显示的<div>。

$("div.first > a").click(function() {
    $(this).parent().next("div.second").addClass("highlight");   
});

Answer 2

$("div.first > a").click(function() {
    $(this).parent().next("div.second").addClass("highlight");   
});

你需要给a的父级加一个，然后得到它的下一个div