एक तत्व के माता-पिता के लिए एक निश्चित 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> 

मैं कक्षा "फल" कि आईडी के साथ div भीतर कर रहे हैं के साथ li के सभी माता-पिता divs पाने के लिए कोशिश कर रहा हूँ = उष्णकटिबंधीय ...

मैंने किया है इतना अब तक ...

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

लेकिन यह आईडी के साथ div भीतर <li> के माता पिता का चयन करता है = sub_tropical

Answer 1

तुम सच में प्राप्त करना चाहते हैं केवल div और "नहीं" ul है, इस

आज़माएं

Answer 2

का उपयोग

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

$("#tropical").find(".fruit").fruits#tropical div में युक्त

Answer 3

प्रयास करें मिल जाएगा इस

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