jQuery選取元素時,可以使用到parent(),選擇層級元素的上階層級,但往往需要在選取在上一階層,如父親的父親(阿公),如範例<li>的爸爸<ul><ul>的爸爸<nav>,要對<nav>做些事情時,要如何處理?

這時候其實很簡單,只要在相同的parent()之後再接續一個parent(),就能找到你要的元素層級,如下範例展示對<nav>插入一個Hello文字。

HTML

<nav>
    <ul>
        <li>text</li>
        <li>text</li>
        <li>text</li>
        <li>text</li>
    </ul>
</nav>

jQuery

$(function(){
    $('li').parent('ul').parent('nav').prepend('Hello');
})

您也可能喜歡這些文章