Как получить ссылку внутри li с jQuery?

Question

Мой 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> 

Мне нужно получить fd по запросу:

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

Но я получаю drevilblu.jpg вместо этого.
Как получить a внутри li class="directory selected"

Answer 1

Try следующие

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

Вам нужно первый уровень ребенка Ли с классом выбранного. Для этого вам необходимо >

Answer 2

Использование прямого ребенка селектор вместо:

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