Index and apply an attribute to an element by values in an array with Jquery

Question

I want to add a rel attribute of the element matching the array, so for example the array is:

var targetVal = ['1','2','4'];

And 5 elements with the same class:

<a class="link" href="1.html">
<a class="link" href="2.html">
<a class="link" href="3.html">
<a class="link" href="4.html">
<a class="link" href="5.html">

I want to target the 2nd, 3rd and 5th line with a rel attribute.

 $(".link").each(function(index) {
       $(this).attr("rel", "group");
    });

How can I make the above script index through based on the array?

Roko C. Buljan · Accepted Answer · 2012-06-26 13:09:48Z

1

var targetVal = ['1','2','4'];

$.each(targetVal, function(index, val) {
       console.log(val);
       $('.link').eq(val).attr("rel", "group");
});

jsFiddle example http://jsfiddle.net/roXon/T7zR8/

answered Jun 26, 2012 at 13:09

Roko C. Buljan

209k41 gold badges335 silver badges346 bronze badges

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

Comments

Frédéric Hamidi · Accepted Answer · 2012-06-26 13:12:57Z

1

You can use $.each() to iterate over your array, and eq() to get the link at a specific index:

var $links = $(".link");
$.each(targetVal, function(value) {
    $links.eq(value).attr("rel", "group");
});

edited Jun 26, 2012 at 13:12

answered Jun 26, 2012 at 13:07

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

Comments

Alnitak · Accepted Answer · 2012-06-26 13:22:09Z

0

This would be more optimal, only evaluating the set of links once, and directly accessing that list instead of using .eq():

var targetVal = [1, 2, 4];
var links = $('.link');
$.each(targetVal, function(i, n) {
    links[n].setAttribute('rel', 'group');
});

or, on newer browsers, and without jQuery:

var targetVal = [1, 2, 4];
var links = document.querySelectorAll('.link');
while (targetVal.length) {
    links[targetVal.pop()].setAttribute('rel', 'group');
}

answered Jun 26, 2012 at 13:22

Alnitak

341k72 gold badges420 silver badges503 bronze badges

Collectives™ on Stack Overflow

Index and apply an attribute to an element by values in an array with Jquery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related