Muestra primer hijo del elemento sin una clase específica utilizando jQuery

Question

que estoy tratando de mostrar el primer hijo de un elemento que no tiene una clase de "presentado"

así que algo como

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

¿Alguna idea ??

Answer 1

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

Answer 2

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

Answer 3

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

Demo

Answer 4

sí lo hace work.You puede tener vistazo a este ejemplo http://jsfiddle.net/gFutw/

Answer 5

Prueba esto:

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

http://jsfiddle.net/WDx3M/