jQuery 链接parent()，有更简单的方法吗？

Question

嘿，我有一些像这样的标记

<div id="some-id">
    <h2><a href="#">Title</a></h2>
</div>

还有一些像这样的 jQuery

$(this).parent().parent().attr("id")

$(this) 指的是“h2”中的“a”标签

是否有一种更简单的方法来选择父 div 而无需使用parent() 两次。我试过了

$(this).parent("div").attr("id")

但是没有成功。

谢谢

Answer 1

您可以使用.closest() ，像这样:

$(this).closest("div").attr("id")

You can test it here 。 .parent("div")并不像看起来那么直观，它仅获取直接父级如果它与选择器匹配，.closest()攀爬父级直到它与选择器匹配。

请注意(不适用于本示例)如果 this 与选择器匹配，则返回 that 元素，但不会 start 对于第一个父级，它从自身开始。