Setting element attributes from an array

Question

jQuery:

var numbers= ["4", "5"];
for (i = 0; i < numbers.length; i++) { 
    var rirs = $(".rirs")
    $(rirs).attr("pl", numbers[i])
}

This only sets the last element in the array which is 5. such as <div class="rirs" pl="5"> </div> for both divs.

HTML:

<div class="rirs"></div>
<div class="rirs"></div>

Ibrahim Khan · Accepted Answer · 2016-04-05 12:47:57Z

2

Use eq() method like following.

var numbers= ["4", "5"];
var rirs = $(".rirs");
for (i = 0; i < numbers.length; i++) {         
    rirs.eq(i).attr("pl", numbers[i])
}

answered Apr 5, 2016 at 12:45

Ibrahim Khan

20.8k7 gold badges46 silver badges57 bronze badges

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

Comments

user3383411 · Accepted Answer · 2016-04-05 12:49:41Z

1

You must specify the index of the div you are selecting, with ":eq()" selector

Try:

var numbers= ["4", "5"];
for (i = 0; i < numbers.length; i++) { 
 var rirs = $(".rirs:eq("+i+")")
 rirs.attr("pl", numbers[i])
}

answered Apr 5, 2016 at 12:49

user3383411

111 bronze badge