Hiện đứa con đầu lòng của nguyên tố mà không có một lớp học cụ thể sử dụng jQuery

Question

Tôi cố gắng để hiển thị các đứa con đầu lòng của một phần tử mà không có một lớp học của "nộp"

Vì vậy, một cái gì đó giống như

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

Bất kỳ ý tưởng nào ??

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

vâng nó work.You có thể xem ví dụ này http://jsfiddle.net/gFutw/

Answer 5

Hãy thử điều này:

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

http://jsfiddle.net/WDx3M/