Tìm cha mẹ của một phần tử trong một div

Question

mã html của tôi trông như thế này ...

<div class="container"> 
     <div id="tropical"> 
      <div class="info"> 
       <div class="desc"> 
        <p>Lorem ipsum.......</p>    
       </div> 
       <div class="list_of_fruits"> 
        <ul class="list"> 
         <li class="fruit">Avocado</li> 
         <li class="fruit">Banana</li> 
         <li class="fruit">Watermelon</li>   
        </ul> 
       </div> 
      </div> 
     </div> 

     <div id="sub_tropical"> 
      <div class="info"> 
       <div class="desc"> 
        <p>Lorem ipsum.......</p>    
       </div> 
       <div class="list_of_fruits"> 
        <ul class="list"> 
         <li class="fruit">Apple</li> 
         <li class="fruit">Blackberry</li>   
        </ul> 
       </div> 
      </div> 
     </div> 
    </div> 

tôi đang cố gắng để có được tất cả các divs mẹ của li với lớp "quả" mà nằm trong div với id = nhiệt đới ...

tôi đã làm điều này nhiều cho đến nay ...

$(".fruit").parents().filter("div"); 

nhưng nó chọn cha mẹ của <li> trong div với id = sub_tropical

Answer 1

Nếu bạn thực sự muốn có được chỉ div s và "không" ul s, hãy thử điều này

$("#tropical").find(".fruit").parents().filter("div"); 

Answer 2

sử dụng

$("#tropical").find(".fruit").parents(); 

$("#tropical").find(".fruit") sẽ nhận được .fruits chứa trong #tropical div

Answer 3

Hãy thử điều này

$("#tropical").find(".fruit").parents();