2011-07-12 73 views
13

假設我有下面的html代碼,我想只顯示class =「go-1」的「p」元素,這不好寫用class =「2」,class =「3」,class =「100」隱藏元素的語句...我怎樣才能以聰明的方式編寫它?jQuery - 如何隱藏不包含特定類的元素

聲明可以說是 「如果 」P「 級不等於 」去-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> 

回答

22

只需使用:not()

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

+1它工作,很好的解決方案 –

+1

我希望CSS和jQuery選擇器一樣簡單......大多數jQuery的選擇器都非常直觀(比如':first-child',':last',':animating',':hidden'等等),所以它只是知道哪些在那裏,哪些不是。看看這裏的選擇器列表:http://api.jquery.com/category/selectors/ – Blender

+1

有時候CSS就像Jquery一樣簡單。只是不是所有的時間,尤其是如果你不得不處理不合標準的瀏覽器或向後兼容的話。 CSS選擇器的參考:http://www.w3.org/TR/css3-selectors/#selectors – ANeves

相關問題