Показать первый дочерний элемент без определенного класса с помощью jQuery

Я пытаюсь показать первый дочерний элемент, у которого нет класса "отправленных"

Так что-то вроде

$('#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>

Любые идеи?

Ответ 1

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

Ответ 2

Попробуйте следующее:

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

http://jsfiddle.net/WDx3M/

Ответ 3

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

Ответ 4

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

Демо

Ответ 5

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