使用jQuery显示没有特定类的元素的第一个子元素

Question

我试图展示一个没有“提交”类的元素的第一个孩子

类似

$('#menu li:first-child:not(".submitted")').show();

HTML：

<ul id="menu">
   <li class="submitted">stuff here</li>
   <li class="submitted">stuff here</li>
   <li>stuff here</li> <!-- This one needs to be shown -->
   <li>stuff here</li>
   <li>stuff here</li>
</ul>

任何想法??

Answer 1

$('#menu li:not(.submitted):first')

Answer 2

试试这个：

$('#menu li:not(".submitted"):first').show();

http://jsfiddle.net/WDx3M/

Answer 3

$('#menu li:first-child').not(".submitted").show();

Answer 4

$('#menu li:not(.submitted) > :first')

Demo

Answer 5

是的确有效。您可以查看此示例http://jsfiddle.net/gFutw/