查找某个div中元素的父项

时间:2014-06-13 08:42:55

标签: javascript jquery html css

我的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");

但是它选择div中<li>的父级,id = sub_tropical

3 个答案:

答案 0 :(得分:6)

USe

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

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

答案 1 :(得分:1)

试试这个

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

答案 2 :(得分:0)

如果您真的只想获得div和“不是”ul,请尝试使用

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