Come raggiungere lo zio utilizzando jQuery

Question

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

Sono a $ ("# me"), e voglio selezionare il mio zio, con cose del genere:

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

Come?

Answer 1

Si potrebbe utilizzare $.parent e $.prev supponendo tuo zio è sempre al di sopra di tuo padre:

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

Si potrebbe anche andare tutto il senso fino a tuo nonno, e trovare gli zii da lì:

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

Oppure si potrebbe cercare fratelli di suo padre:

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

Ti suggerisco di leggere la parte Traversing dell'API jQuery per vari altri metodi.

Answer 2

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

Answer 3

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