javascript - jquery 选择特定级别的子元素

Question

我有一个类似 DOM 的东西

<ul>
 <li> list item </li>
 <li> list item </li>
 <li> has sub element
  <ul>
   <li> list item </li>
   <li> list item </li>
   <li> list item </li>
   <li> has sub element
     <ul>
      <li> list item </li>
      <li> list item </li>
      <li> list item </li>
     </ul>
   </li>
  </ul>
 </li>
 <li> list item </li>
</ul>

除了子 ul 元素具有的所有 li 元素的总和之外，我怎样才能只获得第一级 li 计数

Answer 1

尝试> child-selector或.children()

<ul id="FirstUL">
$('#FirstUL > li').length;

<小时/>

$('ul > li:not(:has(ul))').length;

<小时/>

.parents()

Get the ancestors of each element in the current set of matched elements, optionally filtered by a selector.

Fiddle Demo

var len = $('ul > li').filter(function(){
    return $(this).parents('ul').length == 1;
}).length;

<小时/>先生，男女同校更好 Arun P Johny

Fiddle Demo

$('li:not(ul ul li)').length;