自动连续编号a-tag的rel属性

Question

我希望使用javascript或jquery自动连续编号HTML a-tag的rel属性...

例如：

<a rel="0" class="slide_thumb" href="#">
<a rel="1" class="slide_thumb" href="#">
<a rel="2" class="slide_thumb" href="#">
<a rel="3" class="slide_thumb" href="#">

适用于flexslider。我在商店里面集成了flexslider。 我用它作为横幅滑块。

我需要一个非常简单的代码

Answer 1

使用slide_thumb遍历所有带有.each()类的元素，并使用.attr()

在其中添加属性

$(".slide_thumb").each(function(i) {
   $(this).attr("rel",i);
});

Answer 2

您可以使用each循环轻松完成此操作。第一个回调参数是元素索引，从零开始。所以它非常适合您的需求。

$("a.slide_thumb").each(function(i) {
    $(this).attr("rel", i);
});