jQuery parent()應用層級元素的父親、阿公都來了

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

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

HTML

    
        text
        text
        text
        text
    

jQuery

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