查找最近的最外层导航（多个嵌套导航元素）

Question

考虑以下HTML

...
<section>
    <nav> <!-- I need this one -->
        <section>
            <nav>
                <span></span>
            </nav>
        </section>
    </nav>
</section>
...

现在我有span的引用，我想找到最外面的nav元素。现在，此代码未返回正确的nav

let span = $('span'),
    nav  = span.closest('nav').closest('nav');

nav仍然是span的父级，因为`$（'nav'）。最近的（'nav'）会自行返回（我认为这很奇怪）。所以问题是如何做到这一点？

Answer 1

您可以使用span.parents('nav').last()

Answer 2

要获取最外层元素，请使用：

span.parents('nav').last()