下面選擇使用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"); 
});