CODEWITHSUNDEEP
jquery
Ruslan Lomov
Ruslan Lomov

Reputation: 485

How to get link inside li with jQuery?

My html:

<div id="myDiv">
        <ul class="myClass" style="display: block;">
            <li class="directory selected">
            <a href="#" rel="src/fd/">fd</a>
                <ul class="jqueryFileTree" style="display: block;">
                    <li class="file ext_jpg">
                    <a href="#">drevilblu.jpg</a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>

I need to get fd by query:

var folderName = $("#myDiv").find("li.selected a").text();

But i receive drevilblu.jpg instead.
How to get a inside li class="directory selected"

Upvotes: 3

Views: 3798

Answers (2)

Nikhil Aggarwal
Nikhil Aggarwal

Reputation: 28475

Try following

var folderName = $("#myDiv").find("li.selected > a").text();

You need the first level child of li with class selected. For that you need >

Upvotes: 3

Saqib Amin
Saqib Amin

Reputation: 1171

Use direct child selector instead:

var folderName = $("#myDiv").find("li.selected > a").text();

Upvotes: 1

Related Questions