addClass() to items in array

Question

I am trying to use jQuery's addClass() to add the class "picbox_selected" to the items in the array features, which have id numbers corresponding to the index of items in the array config. I tried the following code but it is not working.

var leftHandShape = features['Left Hand Shape']
for (i = 0; i < config.HandShapes.length; i++) {
    var handName = config.HandShapes[i].Name;
    if (leftHandShape == handName) {
        var idNo = '.picbox id' + i
        $(idNo).addClass('picbox_selected')
    }
}

I tried this as well but it's not working either. Please help!

var leftHandShape = features['Left Hand Shape']
for (i = 0; i < config.HandShapes.length; i++) {
    var handName = config.HandShapes[i].Name;
    if (leftHandShape == handName) {
        $(document).ready(function() {
            $('.picbox id' + i).addClass('picbox_selected')
        })
    }
}

"It doesn't work" is not a problem statement. State the behavior you are actually getting. — Robert Harvey
– Robert Harvey, Commented Aug 6, 2015 at 17:46
Pickbox id does not work. You cannot have space in class and ids — Jkike
– Jkike, Commented Aug 6, 2015 at 17:51
Ok... first suggestion: $('.pickbox id') will search for an element with class pickbox ... what is id then? Remove the whitespace from classname first. — Jkike
– Jkike, Commented Aug 6, 2015 at 17:55

Ismael Miguel · Accepted Answer · 2015-08-06 17:58:02Z

1

Currently, you have this:

$('.picbox id' + i).addClass('picbox_selected')

Lets take a look at the selector '.picbox id':

Find all elements with class picbox
Find all <id> elements.

Woah! Wait a second! You REALLY want that? Or you meant '.picbox #id'?

Look at '.picbox #id' we have:

Find all elements with class picbox
Find all elements with id="id".

Is this what you were trying to do?

answered Aug 6, 2015 at 17:58

Ismael Miguel

4,2691 gold badge35 silver badges44 bronze badges

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

2 Comments

sleepycow Over a year ago

I have class names called id0, id1, id2, etc. But thanks for the suggestion!

Ismael Miguel Over a year ago

@sleepycow Then instead of #id, use .id which should do it

TVG · Accepted Answer · 2015-08-06 17:51:45Z

0

Are you trying to do it for all of them?

You could use a simple javascript for loop

for (i = 0; i < features.count; i++){
  var item = features[i];
  item.className = "picbox_selected";
};

answered Aug 6, 2015 at 17:51

TVG

2593 silver badges9 bronze badges

1 Comment

sleepycow Over a year ago

I want to add the class for all items in the array feature, but not the array config. I might try the className approach though!

Collectives™ on Stack Overflow

addClass() to items in array

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related