Question

I have the following if statement in a jQuery script that checks if an image has a class of “ignore”, and if so it will ignore it. this is an image the script found earlier within a specific section of my page:

if(!$(this).hasClass('ignore')) {
 //do something
}

How can I set this up so that I can store an array of classes, and then have the if statement check against that array?

Answer 1

Create an Array as you normally would and push whichever classes you want to ignore.

In your if statement do a .not() selector and pass in your Array values by calling the join function.

---

var classes = new Array(".ignore", ".something");

// on a single img

if(!$(this).is(classes.join(",")) {
    //do something to one
}

// on a collection of imgs

$("img").not(classes.join(", "));

$("img").not(classes.join(", ")).each(function(){
    // do something to one
});

---

http://jsfiddle.net/hEsPd/1/