javascript - 在某个 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");

但它选择了 <li> 的父级在 id=sub_tropical 的 div 中

Answer 1

使用

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

$("#tropical").find(".fruit") 将获取 .fruits 包含在 #tropical div