2011-07-12 23 views
13

Aşağıdaki html kodunu aldığımı varsayalım, SADECE "p" öğesini class = "go-1" ile görüntülemek istiyorum, yazmak iyi değil unsuru class = "2", class = "3", class = "100" ile gizleme deyimi ... nasıl akıllı bir şekilde yazabilirim?jQuery - Belirli bir sınıfı içermeyen bir öğeyi gizleme

açıklamada

<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> 

cevap

22

Sadece :not() kullanmak p "eşit değildir sınıfı için "go-1 "ise"" sonra gizlemek"
teşekkür olarak söylemek edilebilir:

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

+1 işe yarıyor, harika çözüm –

+1

CSS'nin jQuery seçiciler kadar basit olmasını isterdim ... jQuery seçicilerinin çoğu oldukça sezgiseldir (örneğin: birinci çocuk, ': son ',': animing', ': hidden', vb. .), sadece hangisinin olduğunu ve hangisinin olmadığını bilmek. Burada selektör listesine bakın: http://api.jquery.com/category/selectors/ – Blender

+1

Bazen CSS, Jquery kadar basittir. Her zaman değil, özellikle de standart olmayan tarayıcılarla veya geriye dönük uyumlulukla uğraşmanız gerekiyorsa. CSS seçmenlerinin referansı: http://www.w3.org/TR/css3-selectors/#selectors – ANeves

İlgili konular