jquery - Jquery返回数组中每个项目的索引号并将该索引设置为Rel Attribute Infinite Carousel

Question

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

所以，我需要在页面加载时根据它们的索引位置为它们分配一个 REL 属性，在幻灯片开始之前，Infinite Carousel 重新排序 Li 的。

基本上，我的 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);
    });
});