Показать первый дочерний элемент без определенного класса, используя 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

да, это работает. Вы можете взглянуть на этот пример http://jsfiddle.net/gFutw/

Answer 5

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

Демо