How to add class to img element in array?

Question

Simply trying to add a class to an img in an array

aftArray = $('.aft'); // creates array of HTML imgs
aftArray[0].addClass('currentTest'); // should change CSS by adding this class

Here is the resulting error from FF

[12:53:18.593] TypeError: aftArray[0].addClass is not a function...

WTF? Thanks!

Answer 1

You are trying to call addClass on DOM object instead of jQuery object. Indexer gives you do ojbect You need to use eq() to get jQuery object.

aftArray.eq(0).addClass('currentTest');

You do not have to iterate in this particular case.

$('.aft').addClass('currentTest');

Answer 2

because [0] gives you the DOM element! You want to use .eq(0)