Tagetting李與特定的類，然後隱藏所有其他LIS

Question

我LIS的UL在HTML像這樣：

<ul class="example"> 
<li class="class1"><a href="#"><img src="images/01.jpg" width="980" height="400" /></a></li> 
<li class="class2 class1"><a href="#"><img src="images/02.jpg" width="980" height="400" /></a></li> 
<li class="class3"><a href="#"><img src="images/03.jpg" width="980" height="400" /></a></li> 
<li class="class1"><a href="#"><img src="images/04.jpg" width="980" height="400" /></a></li> 
</ul> 

我想使用jQuery選擇所有的LIS不具有類「的Class1 「並從視圖中刪除它們。我怎樣才能做到這一點？我認爲下面應該可以工作，但它似乎沒有工作？

$("ul.example:not(li.class1)").hide(); 

Answer 1

你可以使用類似這樣

$("ul.example li").not('.class1').hide(); 

.not documentation

此外，其他建議，你也可以使用:not selector

Here's a fiddle.

Answer 2

嘗試

$("ul.example li:not(.class1)").hide(); 

Answer 3

$('.example > li:not(.class1)').hide();