下面选择使用jQuery

Question

元素我有以下结构：

我尝试这样做：

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

要选择.arrow下ul元素。但没有发生。

有什么建议吗？

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"); 
});