Выбор определенного <li> во вложенных неупорядоченных списках

Хотел бы выбрать все элементы списка, которые не имеют вложенного списка под ними (может быть в любом порядке, поэтому следующий необходимо первый или последний).

В случае ниже это будет тот, который читает:

<li>Main Item Three</li>

Я могу выбрать те элементы списка, которые имеют вложенный список:

$('ul.location_list li:has(ul)')

Я подумал, что могу использовать что-то вроде:

$('ul.location_list li:not(ul)')

Но не игра в кости. Мысли?

<li>Main Item Three</li>

<ul class="location_list">
   <li>Main Item One
      <ul>
         <li>Sub-Item One A</li>
         <li>Sub-Item One B</li>
         <li>Sub-Item One B</li>
      </ul>
   </li>
   <li>Main Item Two
      <ul>
         <li>Sub-Item Two A</li>
         <li>Sub-Item Two B</li>
         <li>Sub-Item Two B</li>
      </ul>
   </li>
   <li>Main Item Three</li>
</ul>

1 ответ

$('ul.location_list>li:not(:has(ul))')

(не проверено:)

Другие вопросы по тегам