Apply class if it's not there

Question

I've got multiple elements with a common class. How do I check each element and add if the class isn't there?

This is what I did but not sure if it's the way to do it.

$(".common").each(function(){
     if (!$(this).hasClass("test")) {
       //do some
     }
};

`$(:not(.common.test))` did you try like this? – guradio Sep 05 '16 at 08:26 — guradio, Sep 05 '16 at 08:26

score 1 · Answer 1 · answered Sep 05 '16 at 08:26

1

The much simpler way is to update your selector with :not() pseudo class selector.

$(".common:not(.test)").each(function(){
   //do some
});

answered Sep 05 '16 at 08:26

Pranav C Balan

score 1 · Answer 2 · answered Sep 05 '16 at 08:27

1

There's no need, this will add the class to all .common elements if it is not there

$(".common").addClass("test");

answered Sep 05 '16 at 08:27

Jamiec

Thanks. I know that addClass is the way to do it but checking if the `.each()` is correct. – Becky Sep 05 '16 at 08:28
@Becky The `.each` is pointless in this case. jQuery automatically iterates over every element which matches the selector when using `addClass` - that was my point. – Jamiec Sep 05 '16 at 08:34

2 Answers2