JQuery альфа-числовая сортировка проблема

Question

Я пытаюсь получить немедленных childs (li) для верхнего родителя (ul). Но я получаю всех детей внутреннего и внутреннего уровня (li).

Структура

<ul id="top_parent"> 
    <li>xyz</li> 
    <li>xyz</li> 
      <ul> 
       <li> abc </li> 
      </ul> 
    <li>xyz</li> 
    <li>xyz</li> 

</ul> 

Это код, я использую:

var elems = $('#top_parent').children('li'); 

Кто-нибудь может предложить мне, как я могу получить только непосредственные дети.

Answer 1

Согласно jQuery documentation.children() должен делать именно то, что вы хотите:

Получить детей каждого элемента в наборе соответствующих элементов, необязательно фильтруется селектором.

есть,

$("#top_parent").children("li") 

такая же, как

$("#top_parent > li") 

Вот фрагмент кода, который показывает, что этот метод работает, как ожидалось.
только дети li s в настоящее время окрашены в зеленый цвет:

var elems = $('#top_parent').children('li'); 
 

 
elems.css('color', 'green');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul id="top_parent"> 
 
    <li>xyz</li> 
 
    <li>xyz</li> 
 
      <ul> 
 
       <li> abc </li> 
 
      </ul> 
 
    <li>xyz</li> 
 
    <li>xyz</li> 
 
</ul>

Похоже, что проблема где-то еще в вашем коде, но не на этой линии.