Индекс возврата Jquery для каждого элемента в массиве и установите этот индекс в Rel Attribute Infinite Carousel

Question

Я пытаюсь манипулировать Jquery Infinite Carousel для динамического изменения размера контейнера изображения на основе отображаемого в данный момент изображения. Мне нужно получить индекс элемента Li, который содержит текущее изображение, но проблема в том, что Infinite Carousel автоматически удаляет и изменяет порядок Li, что означает, что их свойства EQ () постоянно меняются.

Итак, мне нужно назначить им атрибут REL на основе их позиции в индексе при загрузке страницы, до того, как начнется слайд-шоу, и Бесконечная карусель переупорядочит Ли.

В основном мой HTML выглядит так:

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

и мне нужно использовать jquery, чтобы сделать это при загрузке страницы:

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

Я исследовал группу по API jQuery, но не могу понять, какое свойство или комбинацию свойств использовать:

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

Спасибо за вашу помощь!

Answer 1

Попробуйте это:

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