jquery - jqueryを使用して叔父に到達する方法

Question

<div id="grandfather">
  <div id="uncle"></div>
  <div id="father>
    <div id="me"></div>
  </div>
</div>

私は$（ "＃me"）にいます。次のようなものを使用して、叔父を選択したいと思います。

 $("#me").find("#uncle")
 $("#me").next("#uncle")
 $("#me").prev("#uncle")

どのように ？

Answer 1

あなたはあなたの叔父が常にあなたの父の上にいる$.parentと仮定して使うことができます：$.prev

$(this).parent().prev(); // where 'this' is #me

また、祖父のところまで行って、そこから叔父を見つけることもできます。

$(this).parents("#grandfather").find(".uncles");

または、父親の兄弟を検索することもできます。

$(this).parent().siblings("#uncle");

他のさまざまなメソッドについては、 jQueryAPIのトラバース部分を読むことをお勧めします。

Answer 2

var uncle = $('#me').parent().prev();

Answer 3

$(this).parent().prev().append("This is uncle");