Question

我想添加与数组匹配的元素的rel属性，例如，数组是：

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

5个具有相同类别的元素：

<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">

我想使用rel属性定位第2行，第3行和第5行。

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

如何根据数组制作上述脚本索引？

Answer 1

您可以使用$.each()来迭代您的数组，并使用eq()获取特定索引处的链接：

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

Answer 2

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

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

jsFiddle示例http://jsfiddle.net/roXon/T7zR8/

Answer 3

这样会更优，只评估一次链接，直接访问该列表而不是使用.eq()：

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

或者，在较新的浏览器上，没有jQuery：

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

使用Jquery通过数组中的值索引并将属性应用于元素

3 个答案: