Reputation: 25799

How to find all elements that DON'T have specific CSS class in jQuery?

I would like to get all form elements that don't have a specific CSS class. Example:

<form>
  <div>
    <input type="text" class="good"/>
    <input type="text" class="good"/>
    <input type="text" class="bad"/>
  </div>
</form>

What selector should I use to select all elements that don't have 'bad' css class?

Thank you.

Upvotes: 4

Answers (3)

Reputation: 342795

You can also use the not selector:

$('input:not(".bad")').hide();

Note the quotes are not needed:

$('input:not(.bad)').hide();

See:

Upvotes: 8

Reputation: 125538

$("input:not(.bad)")

Upvotes: 5

Reputation: 104196

You can use the not() filter:

$("input").not(".bad")

Upvotes: 17