Jquery 返回数组中每个项目的索引号，并在 Rel 属性无限轮播中设置该索引

Question

我正在尝试操纵 Jquery Infinite Carousel 根据当前显示的图像动态调整图像容器的大小。我需要获取包含当前图像的 Li 元素的索引，但问题是无限轮播会自动删除并重新排序 Li，这意味着它们的 EQ() 属性不断变化。

因此，我需要在页面加载时、幻灯片开始和无限轮播对 Li 重新排序之前，根据它们的索引位置为它们分配 REL 属性。

基本上，我的 Html 是这样的：

<li></li>
<li></li>
<li></li>

我需要使用 jquery 在页面加载时将其变成这样：

<li rel="1"></li>
<li rel="2"></li>
<li rel="3"></li>

我已经研究了很多关于 jQuery API 的内容，但我不知道要使用哪个属性或属性组合：

index(),
each(),
inArray(),
get()

谢谢感谢您的帮助！

Answer 1

试试这个：

$("ul").each(function() {
    $(this).children("li").each(function(i) {
        $(this).attr("rel", i+1);
    });
});