jQuery - 如何隐藏不包含特定类的元素

Question

假设我有如下的html代码，我想只显示class为"go-1"的"p"元素，不能写语句来隐藏class为"2"、"3"、"100"的元素... 有什么聪明的方法可以实现吗？

语句可以表述为："如果"P"元素的class不等于"go-1"，则隐藏它"
谢谢

<p class="go-1"></p>
<p class="go-2"></p>
<p class="go-3"></p>
...
<p class="go-100"></p>
<p class="go-1"></p>
<p class="go-2"></p>
<p class="go-3"></p>
...
<p class="go-100"></p>
<p class="go-1"></p>
<p class="go-2"></p>
<p class="go-3"></p>
...
<p class="go-100"></p>

- Charles Yeung

Answer 1

只需使用:not()：

$('p:not(.go-1)').hide();

- Blender

---

我希望CSS像jQuery选择器一样简单...大多数jQuery的选择器都相当直观（如:first-child，:last，:animating，:hidden等），所以只需要知道哪些选择器存在，哪些不存在。在这里查看选择器列表：http://api.jquery.com/category/selectors/ - Blender

有时候CSS就像Jquery一样简单。但并不总是这样，特别是当你需要处理低级浏览器或向后兼容性时。CSS选择器的参考：http://www.w3.org/TR/css3-selectors/#selectors - ANeves