How to ignore multiple classes using the :not selector?

Question

I have this selector below where it ignores any li with the class show-all-boxes

$('.boxes li:not([class="show-all-boxes"]) input:checkbox')

What is the best way of adding multiple classes to be ignored by the selector? An example of this that I thought would work but it doesn't is:

$('.boxes li:not([class="show-all-boxes, show-all-circles, show-all-triangles"]) input:checkbox')

score 114 · Accepted Answer · answered Jan 02 '12 at 09:54

114

The :not selector can take multiple CSS selectors as arguments ( http://api.jquery.com/not-selector ). E.g.

$('div:not(.a,.b)').empty()

answered Jan 02 '12 at 09:54

Thong Kuah

no problem Cecil. btw, your second code was not working because it seems to trying to match on all `li`s that do not have the class "show-all-boxes, show-all-circles, show-all-triangles" (commas and all). http://jsfiddle.net/56uKS/ – Thong Kuah Jan 02 '12 at 10:10

redmoon7777 · Answer 2 · 2012-01-02T09:58:48.017

6

try this :

$('.boxes li').not(".show-all-boxes, .show-all-circles, .show-all-triangles").find('input:checkbox')

edited Jan 02 '12 at 09:58

answered Jan 02 '12 at 09:53

redmoon7777

2 Answers2