How to reach the uncle using jquery

Question

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

I am at $("#me") , and I want to select my uncle, using stuff like :

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

How ?

This question seems a little too arbitrary for a useful answer. I'd suggest just studying jQuery's [traversal methods](http://api.jquery.com/category/traversing/) unless you can provide more context. — jaredhoyt, May 05 '12 at 06:22

Sampson · Accepted Answer · 2012-05-05T06:25:27.017

You could use $.parent and $.prev assuming your uncle is always above your father:

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

You could also go all the way up to your grandfather, and find uncles from there:

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

Or you could search your father's siblings:

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

I would encourage you to read the Traversing portion of the jQuery API for various other methods.

score 2 · Answer 2 · answered May 05 '12 at 06:19

2

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

answered May 05 '12 at 06:19

rawb

score 0 · Answer 3 · edited Jun 10 '12 at 18:45

0

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

edited Jun 10 '12 at 18:45

robert

answered May 05 '12 at 06:50

kongaraju

3 Answers3