Has no class name jquery selector

Question

Tried this but it doesn't seem to be working

$('this:not([class]="doneAnimated"'){

}

HTML

<div class="doneAnimated">
</div>
<div class="doneAnimated">
</div>
<div class="">
</div>

I want to select only div that doesn't have .doneAnimated.

use this $('div').not('.doneAnimated'); – Sameeraa4ever Dec 31 '14 at 02:51 — Sameeraa4ever, Dec 31 '14 at 02:51

Pointy · Accepted Answer · 2014-12-31T02:27:10.960

4

How about

$("div:not(.doneAnimated)")

Looking at the class property directly is a fragile programming practice. The class is a list, so checking for simple equality doesn't always work — and if it works today, it may not work after later changes.

If you need to check when your jQuery object is not formed by a selector, you can use .not():

$(this).not(".doneAnimated")

If you want to just test the state of this:

if (!$(this).is(".doneAnimated")) {
  // do something
}

The .is() method returns true or false, while .not() acts like a filter on the jQuery object contents.

edit a comment points out that an alternative to the general-case .is() is .hasClass():

if (!$(this).hasClass("doneAnimated")) {
  // do something
}

Note that with .hasClass() you pass in just the class name, without a leading ., a mistake I've made more than once.

edited Dec 31 '14 at 02:27

answered Dec 31 '14 at 02:18

Pointy

405,095
59
585
614

@jamieeason I'll add to the answer. – Pointy Dec 31 '14 at 02:19
@jamieeason What do you mean you have to use `this`? – Derek 朕會功夫 Dec 31 '14 at 02:20
$(this) for single div, not all div. – jamie eason Dec 31 '14 at 02:21
There's a more specific method for that, `hasClass` – adeneo Dec 31 '14 at 02:25
@adeneo yes you're right, and `.hasClass()` is probably faster :/ – Pointy Dec 31 '14 at 02:26
It is, `is` uses a huge regex, sizzle and some other logic to check for anything, be it an ID, class, tagname or whatever. `hasClass` uses a simple string replace to see if the class exists in the attribute. All in all, it's probably not noticeable, so it shouldn't really matter, I just mentioned it ? – adeneo Dec 31 '14 at 02:32

score 0 · Answer 2 · answered Dec 31 '14 at 02:18

0

$('div').not('.doneAnimated');

answered Dec 31 '14 at 02:18

Andrew Briggs

1,329
12
26

score 0 · Answer 3 · answered Dec 31 '14 at 02:20

0

$("div:not(.doneAnimated)") is what you are looking for. The :not() function can contain any CSS selector, so insert .doneAnimated into it.

answered Dec 31 '14 at 02:20

Ian Hazzard

7,661
7
34
60

1

Note that the definition of "CSS selector", or "selector" for that matter, for the purposes of `:not()` varies depending on whether you're using CSS or jQuery. jQuery is much more permissive, CSS is much more restrictive. See http://stackoverflow.com/questions/10711730/why-is-my-jquery-not-selector-not-working-in-css – BoltClock Dec 31 '14 at 02:23

score 0 · Answer 4 · answered Dec 31 '14 at 04:21

Here is a working example

HTML

<div class="doneAnimated" style="display:none">
    has doneAnimated class 1
</div>
<div class="doneAnimated" style="display:none">
    has doneAnimated class 2
</div>
<div class="" style="display:none">
    no doneAnimated class 1
</div>
<div class="randomClass" style="display:none">
    no doneAnimated class 2
</div>

JS

$.each($("div:not(.doneAnimated)"), function() {
    $(this).show();
});

FIDDLE

Has no class name jquery selector

4 Answers4