jquery - 特定のクラスの LI をターゲットにし、他のすべての LI を非表示にする

Question

私は HTML に LI の UL を次のように持っています。

<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 セレクターを使用することもできます

これがフィドルです。

Answer 2

試す

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

Answer 3

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