jquery - 使用 jQuery 选择下面的元素

Question

我有以下结构：

在此处输入图像描述

我试过这个：

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

选择ul下的元素.arrow。但什么也没有发生。

有什么建议么？

score 1 · Accepted Answer

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

你需要在这里使用.next()

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

score 0 · Accepted Answer

0

.next()如果ul总是在下面，你可以使用.arrow

$(this).next()

于 2013-08-02T08:48:46.727 回答

score 0 · Accepted Answer

closest()用于选择最近的匹配父元素。要选择同级，请使用next()：

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

score 0 · Accepted Answer

0

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

于 2013-08-02T08:49:57.780 回答

score 0 · Accepted Answer

0

在这里使用.next()：

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

于 2013-08-02T08:51:12.923 回答

score 0 · Accepted Answer

试试这个，

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

6 回答 6