Reviewing my code, it contains...
<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>
In attempting to retrieve all parent divs of li elements with the class "fruit" that are located inside the div with the id of "tropical"...
Initiated progress on this issue thus far...
$(".fruit").parents().filter("div");
Yet, it is currently choosing the parents of <li> within the div with the id of "sub_tropical".