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

我需要在单击事件后显示一个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.

---

如何显示存在单击事件的当前链接的div？我尝试了很多方法，但仍然不起作用。

在本例中，您不需要返回到父级，您只需要下一个同级，就可以在链接本身上调用

.next（）

：

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

---

下面是上面代码的一个示例

在本例中，您不需要返回到父级，您只需要下一个同级，这样您就可以在链接本身上调用

.next（）

：

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

下面是上面代码的一个示例

试试这个：

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

这里不需要使用

.parent（）

方法，因为div就在锚点旁边。

尝试以下方法：

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

---

这里不需要使用

.parent（）

方法，因为div就在锚点旁边。

奇怪的是，我先尝试了这个方法，但没有成功。现在它工作了！谢谢我认为它不起作用，因为我在链接后面有一个
标记。@gaetanm如果您只使用

next（）

而不使用任何参数，那么在这个实例中，它将被破坏。添加CSS选择器可以确保您只选择下一个符合条件的元素：）奇怪的是，我先尝试了这个，但没有成功。现在它工作了！谢谢我认为它不起作用，因为我在链接后面有一个
标记。@gaetanm如果您只使用

next（）

而不使用任何参数，那么在这个实例中，它将被破坏。向其中添加CSS选择器可确保您只选择符合条件的下一个元素：）