Not class selector in jQuery

Not class selector in jQuery

Is there a simple selector expression to not select elements with a specific class?

I just want to get the first three divs and tried

But this receives all as the last div contains more than first-bar. Is there a way to use a placeholder in such an expression? Something like that
$(div[class^=”first-“][class!=”first-bar*”]) // doesn’t seem to work

Any other selectors that may help?


Solution 1:

You need the :not() selector:


or, alternatively, the .not() method:


Solution 2:

You can use the :not filter selector:


Or not() method:


More Info:

Related:  Why was block scope not originally implemented in JavaScript?