Jquery Retorno Número de índice para cada item na matriz e definir esse índice no atributo rel Infinito Carousel

Question

Eu estou tentando manipular Jquery Infinito Carousel para redimensionar dinamicamente o recipiente de imagem baseada na imagem exibida no momento. Eu preciso para obter o índice do elemento Li que contém a imagem atual, mas o problema é que remove e reordena Infinito Carrossel do Li é automaticamente, o que significa que a sua EQ () propriedades estão mudando constantemente.

Então, eu preciso de lhes dar um atributo REL com base em sua posição de índice quando a página é carregada, antes da apresentação de slides começa e Infinito Carousel reordena a de Li.

Basicamente, o meu Html é assim:

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

e eu preciso usar jQuery para torná-lo a este no carregamento da página:

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

Eu pesquisei um monte sobre a API jQuery, mas eu não consigo descobrir qual a propriedade ou combinação de propriedades para uso:

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

Obrigado por sua ajuda!

Answer 1

Tente isto:

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