jQuery - iteration + addClass on array elements

Question

I have:

    $('#a1').addClass('play');
    $('#a3').addClass('play');
    $('#a5').addClass('play');  
    $('#a16').addClass('play');
    $('#b3').addClass('play');

So decided it was best to use something like:

var doString="m7,m7,a1,b2,c3,p16,o15,n14,d8,e7,g5,i4,l4,n6,o8,n10,m11,k12,i11,i13,k15,l16,f9";
var strArray1 = doString.split(",");
console.log(doString);
console.log(strArray1);

$.each(strArray1, function(i, elem) { 
    console.log(elem); 
    $('#'+elem+').addClass('play'); // not working
});

But can't figure the correct parameter to add the class to each element.

How can I do this?

sorry, I edited out my original question, as I was trying to solve it myself and copied another non working copy. Realised my mistake and edited, still that one wasn't working. Thanks for your help. — Javier S
– Javier S, Commented Aug 16, 2012 at 18:25

thecodeparadox · Accepted Answer · 2012-08-16 18:20:52Z

4

$.each(strArray1, function(i, val) { 

    // i => index(0,1,..)
    // val => m7,m7,a1,...

    $( '#' + val ).addClass('play'); 
});

OR

$.each(strArray1, function() { 

    // this[0] => m7,m7,a1,...

    $( '#' + this[0] ).addClass('play'); 
});

After edit (your code)

$.each(strArray1, function(i, elem) { 
    console.log(elem); 
    $('#'+elem+').addClass('play'); // not working
});

Where $('#'+elem+') should be $('#'+ elem ).

Here, you've to remove the trailing `+'` from the selector and then its perfect.

edited Aug 16, 2012 at 18:20

answered Aug 16, 2012 at 18:15

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

MrOBrian Over a year ago

a simple for loop would reduce the overhead of the call to $.each

thecodeparadox Over a year ago

@MrOBrian may be, but this help OP to find the error and correct path.

Collectives™ on Stack Overflow

jQuery - iteration + addClass on array elements

1 Answer 1

After edit (your code)

Here, you've to remove the trailing `+'` from the selector and then its perfect.

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

After edit (your code)

Here, you've to remove the trailing +' from the selector and then its perfect.

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related

Here, you've to remove the trailing `+'` from the selector and then its perfect.