Finding elements with one class and without another class

Question

Is there an elegant way with jQuery to find elements that have class A and don't have class B, something like

$('#canvas .A !.B').each(functon() {
          do something
});

I'm pretty sure that's not going to work, but that's the idea.

I know I could do

$('#canvas .A').each(function() {
    if(!$(this).hasClass('B'){
          do something
    }
});

but that feel really clunky.

Thanks

Even if the syntax were correct, you selector isn't going to work as you've used a space, so you'd be (at best) selecting elements without class `B` that are ancestors of an element of class `A`. — user229044, Sep 25 '13 at 04:31
elements that have class a not b or elements that does not contain an element with class A and not B? — PSL, Sep 25 '13 at 04:31

score 6 · Accepted Answer · answered Sep 25 '13 at 04:29

6

$('#canvas .A').not(".B").each(functon() {
          do something
});

reference not

answered Sep 25 '13 at 04:29

Rituraj ratan

2

Alternatively written `$("#canvas .A:not(.B)")` – user229044 Sep 25 '13 at 04:32

score 0 · Answer 2 · edited Oct 18 '13 at 14:23

0

Using Jquery you can:

$(".classA").not(".classB");

edited Oct 18 '13 at 14:23

Haris Krajina

answered Sep 25 '13 at 04:30

Sean Coyne

score 0 · Answer 3 · answered Sep 25 '13 at 04:33

0

You could also do this within a single selector, such as:

$('#canvas .A:not(.B)').each(function() {
    // console.log($(this));
});

answered Sep 25 '13 at 04:33

mathielo

Nishu Tayal · Answer 4 · 2013-09-25T04:41:26.637

0

There are two ways to do that. You can either use :not selector or .not() of jquery.

$('#canvas .A:not(.B)').each(functon() {
          do something
});

Or

$('#canvas .A').not(".B").each(functon() {
              do something
    });

edited Sep 25 '13 at 04:41

answered Sep 25 '13 at 04:34

Nishu Tayal

Both are missing closing quotes, and have misspelled "function" – user229044 Sep 25 '13 at 04:35

4 Answers4