javascript - 选择没有特定元素的元素

Question

嗨，这是我的问题:

<ul>
   <li><span class="show">*</span>Show</li>
   <li><span class="show">*</span>Show</li>
   <li><span class="show">*</span>Show</li>
   <li><span class="show">*</span>Show</li>
   <li>Hide</li>
   <li>Hide</li>
</ul>

这个http://jsfiddle.net/ajitam/GqCpW/的对面

我如何选择(使用 jQuery)'li's without span.show inside.

谢谢

Answer 1

选择器应该是这样的:

$('ul li:not(:has(span.show))')

示例:http://jsfiddle.net/Mkj7Z/

由于这样的选择器非常昂贵，请确保将生成的 DOM 节点缓存在变量中以供进一步访问。