Chọn tất cả li nhưng không phải trẻ em

Question

tôi có mã này:

$li = $("li", this) 

Đó là chọn tất cả các li 's trong mã của tôi. Điều này hoạt động tốt tuy nhiên tôi muốn $li để loại trừ các li 's mà là trong một menu phụ.

<ul id="navigation"> 
     <li><a href="#">blah 1</a></li> 
     <ul id="subnav"> 
      <li><a href="#">sub 1</a></li> 
      <li><a href="#">sub 2</a></li> 
      <li><a href="#">sub 3</a></li> 
     </ul> 
     </li> 
     <li><a href="#">blah 2</a></li> 
     <li><a href="#">blah 3</a></li> 
     <li><a href="#">blah 4</a></li> 
     <li><a href="#">blah 5</a></li> 
    </ul> 

Vì vậy, $li sẽ chỉ tham chiếu blah không phải của phụ.

tôi nghĩ rằng nó là một cái gì đó như:

$li = $("li", this).parents() 

Nhưng điều này không làm những gì tôi muốn.

Answer 1

Chỉ cần sử dụng bộ chọn con >:

$("#navigation > li") 

Answer 2

Bạn muốn sử dụng bộ chọn con ngay lập tức, >:

$li = $('#navigation > li'); 

Answer 3

var li = $("#navigation > li"); 

Các > chọn chỉ có trẻ em trực tiếp

Answer 4

tương lai Nhân viên Google có thể tìm thấy câu trả lời này hữu ích nếu t hey đang ở đây (như tôi) tìm kiếm Chọn tất cả li mà không cần bất kỳ trẻ em

$("#mylist li:not(:has(ul))") 

hoặc

$("#mylist li:not(:has(li))")