父母的父母 - 如何让代码更漂亮

Question

所以现在我这样做：

div.parent()).parent()

我不能做一些更漂亮，更具前瞻性的东西（如果其他东西被推入这个层次结构，它将停止工作）。

我知道我正在寻找的元素有某个类或attr。我可以搜索第一次出现吗？

Answer 1

您知道您需要的选择器类型吗？为什么不.closest()？

$myDiv.closest('.parentSelector');

此外，您可以使用div.parent().parent()，也可以正常使用

Answer 2

尝试

div.parents(":eq(1)")

请参阅.parents()

＆＃13;

＆＃13;

var div = $(".selected");
console.log(div.parents(":eq(1)").attr("class"))

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="parent-parent">
    <div class="parent-child">
        <div class="selected"></div>
    </div>
</div>

＆＃13;

＆＃13;

＆＃13;