добавить значение автоинкремента к элементу li с помощью jQuery
У меня есть следующий код, который был динамически сгенерирован плагином, плагин будет создавать элемент «li» для каждого члена команды, в настоящее время у меня 150 членов, поэтому ему нужно добавить идентификатор автоматического увеличения. Спасибо!
<ul id="dvteamgrid<?php echo esc_attr($random); ?>" class="dvteamgrid withanim">
<li data-filter-class='["gridall",<?php echo $filters; ?>]'>
<img src="<?php echo esc_url($thumb_url); ?>" alt="<?php the_title(); ?>"/>
</li>
Вот как выглядит HTML-код:
<ul id="dvteamgrid225306813" class="dvteamgrid withanim">
<li data-filter-class="["gridall","dvfilter5997", "dvfilter6007", "dvfilter6025";]">
<img src="/wp-content/uploads/2015/03/Abee-C.jpg">
</li>
</ul>
Решение
Вы должны пройти через каждый li элемент и прикрепить автоматически увеличенный идентификатор.
var auto_inc_id = 0; //initialise value of auto incremented id to 0
$('ul.dvteamgrid li').each(function(){ //loop through each list element of ul
$(this).attr('id', auto_inc_id); //attach to current li an id attribute that has auto_inc_id as its value
auto_inc_id++; //increment auto_inc_id by one
});
Другие решения
Других решений пока нет …