Jquery select div inside ul which has a span

Question

Take the following code:

<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>

I need to select each ul.items inside a li.section which has a span with class "show". In this example, only the first ul.items should be selected.

What jquery selector do I need?

Answer 1

这可以做到这一点（ http://jsfiddle.net/bmqyF/1/ ）：

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

Answer 2

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

发现li.section的有span.show并选择ul.items内它。