cómo llegar al tío usando jQuery

Question

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

estoy en $ ("# Me"), y quiero seleccionar mi tío, usando cosas como:

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

¿Cómo?

Answer 1

Usted podría utilizar $.parent y $.prev suponiendo que su tío está siempre por encima de su padre:

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

también se puede ir todo el camino hasta su abuelo, y encontrar los tíos de allí:

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

O podría buscar los hermanos de su padre:

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

Le animo a leer la parte Traversing de la API de jQuery para otros métodos.

Answer 2

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

Answer 3

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