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

【问题标题】：automatically number consecutively the rel attribute of an a-tag自动连续编号 a-tag 的 rel 属性
【发布时间】：2016-07-22 13:39:02
【问题描述】：

我想用 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。我将它用作横幅滑块。

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

【问题讨论】：

请注意，这是对 rel 属性的滥用（在 HTML5 中无效）。您可能想改用data-* 属性。
请通过向我们展示您最好的诚意尝试并就您的困惑提出更具体的问题来尝试改进此问题。所以，请试一试。

标签： jquery flexslider relation rel

【解决方案1】：

使用.each()遍历所有类slide_thumb的元素，并使用.attr()在其中添加属性

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

【讨论】：

@ibrah 欢迎 :) 如果有用，请点赞并标记为正确

【解决方案2】：

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

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

【讨论】：