查找元素的父母一定DIV

Question

我的HTML代码如下所示内...

<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> 

我想获得的li所有父的div类“果”是内div用的ID =热带...

我做了这么多那么远，

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

但格内的ID选择的<li>父母= sub_tropical

Answer 1

如果你真的想要得到唯一div S和 “不是” ul S，试试这个

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

Answer 2

使用

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

$("#tropical").find(".fruit")将获得包含#tropical div的，.fruits

Answer 3

试试这个

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