Как добраться до дяди с помощью 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");

Я бы посоветовал вам прочитать часть Traversing API jQuery для различных других методов.

Answer 2

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

Answer 3

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