3

我在 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();
4

3 回答 3

1

你可以使用这样的东西

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

.not 文档

此外，正如其他人所建议的，您也可以使用:not 选择器

这是一个小提琴。

于 2013-05-16T15:07:48.010 回答
1

尝试

$("ul.example li:not(.class1)").hide();
于 2013-05-16T15:07:55.733 回答
1 
$('.example > li:not(.class1)').hide();
于 2013-05-16T15:08:37.630 回答