Indice Jquery e ritorno Numero per ogni elemento array e impostare tale indice in attributo rel Carousel Infinite

Question

Sto cercando di manipolare Jquery Infinite Carousel nel ridimensionamento dinamico contenitore dell'immagine in base l'immagine attualmente visualizzata. Ho bisogno di ottenere l'indice dell'elemento Li che contiene l'immagine corrente, ma il problema è che infinito carosello rimuove e riordina del Li automaticamente, il che significa che il loro EQ () proprietà sono in continua evoluzione.

Così, ho bisogno di assegnare loro un attributo rel in base alla loro posizione di indice al caricamento della pagina, prima della presentazione ha inizio e carosello infinito di riordina. Li

In sostanza, il mio HTML è simile a questo:

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

e ho bisogno di usare jQuery per rendere in questo su caricamento della pagina:

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

Ho ricercato un sacco sulle API jQuery ma non riesco a capire quale proprietà o combinazione di oggetti da utilizzare:

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

Grazie per il vostro aiuto!

Answer 1

Prova questo:

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