Jquery Возвращает номер индекса для каждого элемента В массиве и устанавливает этот индекс в атрибуте Rel Бесконечная карусель

Question

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

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

В принципе, мой 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);
    });
});