使用jQuery查找合適的父項

Question

給定一個DOM元素如何找到具有給定css類的最近父元素？

$(".editButton").click(function() { 
    (magic container selector goes here).addClass("editing"); 
}); 

我不想使用太多或$（...）。父（）。父（），因爲我不想被綁定到特定的DOM結構。

Answer 1

這應該工作

$(this).parents('.classYouWant:first').addClass("editing"); 

Answer 2

使用.parents(".yourClass")而不是.parent()。

jQuery parents()

Answer 3

可以使用父母的選擇。例如$(".myclass:parent").something();將找到所有具有子類的myclass類的元素。

Answer 4

$(this).closest('.yourselector') 

正如名字所示，找到最接近的祖先爲this元素。