使用特定类定位LI，然后隐藏所有其他LIst

Question

我在HTML中有一个UL的LI，如下所示：

<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选择所有没有类“Class1”的LI并从视图中删除它们。我怎样才能做到这一点？我认为下面应该可以工作，但似乎没有用？

$("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();