javascript - 查找最近的最外层导航(多个嵌套导航元素)

Question

考虑以下 HTML

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

现在我有了对 span 的引用，我想找到最外面的导航元素。现在，此代码不会返回正确的 nav

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

nav 仍然是 span 的父级，因为 `$('nav').closest('nav') 将返回自身(我认为这很奇怪)。那么问题是如何做到这一点？

Answer 1

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

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