CODEWITHSUNDEEP
javascriptjqueryhtmlcss
Nishan Hitang
Nishan Hitang

Reputation: 805

Find parents of an element within a certain div

My html code looks like this... 

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

I am trying to get all the parent divs of li with class "fruit" that are within div with id=tropical...

I have done this much so far ...

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

but it selects parents of <li> within div with id=sub_tropical

Upvotes: 5

Views: 126

Answers (3)

Nishan Hitang
Nishan Hitang

Reputation: 805

If you really want to get only divs and "not" uls, try this

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

Upvotes: 0

Sudharsan S
Sudharsan S

Reputation: 15393

Try this

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

Upvotes: 1

Anoop Joshi P
Anoop Joshi P

Reputation: 25537

USe 

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

$("#tropical").find(".fruit") will get the .fruits containing in #tropical div

Upvotes: 6

Related Questions