javascript - 选择当前元素之后的下一个 DOM 元素

Question

我需要在点击事件后显示一个 div。

HTML

<a href="#" class="more-items-link">more items</a><div class="more-items"></div>
<a href="#" class="more-items-link">more items</a><div class="more-items"></div>
etc.

Javascript:

$('.more-items').hide();

$('.more-items-link').click(function()
{
    var currentDiv = $(this).parent().next();
    currentDiv.show();
});

如何在有点击事件的地方显示当前链接的div？我尝试了很多东西，但仍然无法正常工作。

Answer 1

在这种情况下，您不需要移回父级，您只需要下一个兄弟级，这样您就可以在链接本身上调用 .next():

$('.more-items-link').click(function()
{
    var currentDiv = $(this).next(".more-items");
    currentDiv.show();
});

这是一个 jsFiddle对于上面的代码