使用jQuery选择下面的元素

Question

我有以下结构：

我试过了：

$( "#navbar li .arrow" ).click(function() {
  alert("worked");
  $(this).closest('ul').css("display", "block");
});

选择ul下的.arrow元素。但没有任何事情发生。

有什么建议吗？

Answer 1

.closest()方法获取祖先元素，在您的情况下，ul是.arrow元素的下一个兄弟

您需要在此使用.next()

$(this).next().css("display", "block");

Answer 2

如果.next()始终位于ul

下，您可以使用.arrow

$(this).next()

Answer 3

closest()用于选择最近的匹配父元素。要选择兄弟姐妹，请使用next()：

$( "#navbar li .arrow" ).click(function() {
    $(this).next('ul').css("display", "block");
});

Answer 4

closest()选择最近的父对象，您需要使用next()

Answer 5

在此处使用.next()：

$(this).next().css("display", "block");

Answer 6

试试这个，

$( "#navbar li a.arrow" ).click(function() {
    $(this).next('ul').css("display", "block");
});