javascript - 親の親を選択する方法は?

Question

jstree は次のようになります。

<ul>
    <li id ="head" ><a href="#">TITLE</a>
        <ul>
            <li id="body"><a href="#">BODY</a>
               <ul>
                  <li id="foot"><a href="#">FOOTER</a>
                  </li>
               </ul>

            </li>   
        </ul>
    </li>
</ul>

これは基本的に深さ 3 のツリーです。

headID " " からID " foot"にアクセスできるかどうか知りたいだけです

何かのようなもの

             jQuery(#foot).parent().parent();
or       
             jQuery(#foot).parent().parent.attr("id");

または似たようなもの

Answer 1

親メソッドをいつでも使用できます。

$('#foot').parents('#head');

ただし、head には ID があるため、直接調べることができます。$('#head')

Answer 2

あなたは冷静に書く：

$('#' + $('#foot').parent().parent().parent().parent().prop('id')).do something with head

.prop() と .attr() の違いについて必ずお読みください

Answer 3

<ul>これらがページ上の唯一のand<li>要素である と仮定します。

 $('#foot').parents('li:last').attr('id');

を与える必要がidありheadます。

parents()関数は、要素の親を最も近いものから最も遠いものへとリストします。したがって、最後のli要素は id を持つ要素になりますhead。

ここでフィドル。