选择当前元素之后的下一个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();
});

如何显示当前链接中存在click事件的div？我尝试了很多东西但仍然没有用。

Answer 1

在此实例中，您无需返回到父级，只需要下一个兄弟，这样您就可以在链接上调用.next()：

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

以上是代码

的jsFiddle

Answer 2

试试这个：

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

这里不需要使用.parent()方法，因为div就在锚点旁边。