2016-07-22 4 views
0

Я хочу, чтобы automaticallly номера последовательно атрибут HTML-а-теги с Javascript или JQuery rel ...автоматически число последовательно атрибут отн а-тег

, например:

<a rel="0" class="slide_thumb" href="#"> 
<a rel="1" class="slide_thumb" href="#"> 
<a rel="2" class="slide_thumb" href="#"> 
<a rel="3" class="slide_thumb" href="#"> 

Это для flexslider. У меня встроенный flexslider в магазине. Я использовал его как слайдер-баннер.

мне нужно очень простой код

+1

Обратите внимание, что это неправильное использование атрибута 'rel' (это неверно в HTML5). Вместо этого вы можете использовать атрибут 'data- *'. – unor

+0

Пожалуйста, постарайтесь улучшить этот вопрос, продемонстрировав нам свою лучшую попытку доброй воли и задав гораздо более конкретный вопрос по поводу того, что вас смущает. Поэтому, пожалуйста, попробуйте. – abarisone

ответ

1

перебрать все элемента с классом slide_thumb с помощью .each() и добавить атрибут внутри него с помощью .attr()

$(".slide_thumb").each(function(i) { 
    $(this).attr("rel",i); 
}); 
+0

Он работает! Отличное спасибо! – ibrah

+0

@ibrah welcome :) пожалуйста, повысьте и отметьте его правильно, если это полезно –

1

Вы легко можете сделать это с each цикла. Первым параметром обратного вызова является индекс элемента, начиная с нуля. Поэтому он идеально подходит для вас.

$("a.slide_thumb").each(function(i) { 
    $(this).attr("rel", i); 
}); 
Смежные вопросы