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

有没有更好的方法来捕捉a？

Answer 1

尝试jQuery.closest()：

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

Answer 2

如果您希望遍历树，直到满足某个条件，您需要.closest()：

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

Answer 3

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

使用.parents（）

Answer 4

尝试jQuery.parents()：

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

Answer 5

如果您了解班级

，您可以这样做

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

或

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

Answer 6

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

怎么样？