在jquery中獲取父div的最佳方式是什麼？

Question

我的代碼是這樣的

<div class="a"> 
    <div class="b"> 
      <a class="c" href="#"><span class="d"></span></a> 
    </div> 
</div> 

和js代碼是這樣的

$(".d").click(function(){ 
    var aClass = $(this).parent().parent().parent(); // to get class "a" 
}); 

有沒有更好的方式來捕捉類？

Answer 1

嘗試jQuery.closest()：

$(this).closest(".a"); 

Answer 2

$(".d").click(function(){ 
    var aClass = $(this).parents(".a"); // to get class "a" 
}); 

使用。家長（）

Answer 3

嘗試jQuery.parents()：

$(this).parents("div.a"); 

Answer 4

你可以做，如果你知道類

$(this).parents('.a'); 

或

$(this).parents('div:eq(1)'); 

Answer 5

如果要向上遍歷樹，直到一定的條件得到滿足，你想.closest()：

$(this).closest('.a'); // find first predecessor with class a 

Answer 6

什麼$(this).parents(".a")