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")

您可以在这里测试。
.parent("div") 并不像看起来那么直观，它仅获取直接父级如果它与选择器匹配，.closest() 攀爬父级直到它与选择器匹配。

请注意（不适用于此示例）如果 this 与选择器匹配，它会返回 that 元素，它不会开始第一个父母，它从自身开始。