Jquery chọn div ul bên trong đó có một khoảng

Question

Đi đoạn mã sau:

<ul class="menu"> 
    <li class="section"> 
     <span class="show">ABC</span> 
     <ul class="items"><li>UL selected</li></ul> 
    </li> 
    <li class="section"> 
     <span class="">DEF</span> 
     <ul class="items"><li>UL not selected</li></ul> 
    </li> 
</ul> 

tôi cần phải chọn từng ul.items bên trong một li.section trong đó có một khoảng thời gian với lớp "hiển thị". Trong ví dụ này, chỉ nên chọn ul.items đầu tiên.

Tôi cần bộ chọn jquery nào?

Answer 1

Điều này có thể làm các trick (http://jsfiddle.net/bmqyF/1/):

$("ul li.section:has(span.show) ul.items li");

Answer 2

$('li.section:has(span.show) ul.items') 

Finds các 's li.section có span.show và chọn ul.items bên trong nó.