Charles Yeung
Charles Yeung

Reputation: 38805

jQuery - How to hide an element that is not contain the specific class

Suppose I have the html code below, I want to ONLY display the "p" element with class="go-1", it is not good to write the statement to hide the element with class="2", class="3", class="100"... how can I write it in a smart way?

The statement can be say as "if "p" class not equal to "go-1" then hide it"
Thanks

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

Upvotes: 19

Views: 13939

Answers (1)

Blender
Blender

Reputation: 298106

Just use :not():

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

Upvotes: 34

Related Questions