Làm thế nào để đạt được các chú sử dụng jquery

Question

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

tôi đang ở $ ("# tôi"), và tôi muốn chọn chú tôi, sử dụng công cụ như:

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

như thế nào?

Answer 1

Bạn có thể sử dụng $.parent và $.prev giả chú của bạn luôn luôn cao hơn cha của bạn:

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

Bạn cũng có thể đi tất cả các con đường lên tới ông nội của mình, và tìm thấy chú bác từ đó:

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

Hoặc bạn có thể tìm kiếm anh chị em của cha mình:

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

Tôi khuyến khích bạn đọc phần Traversing của API jQuery cho các phương pháp khác nhau.

Answer 2

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

Answer 3

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