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

Любые идеи?

Ответы

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

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

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

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