使用jQuery向li元素添加自動增量值

Question

我有以下代碼，它是由插件動態生成的，該插件將為每個團隊成員創建一個“ li”元素，目前我有150個成員，因此需要添加一個自動增量ID。 謝謝！

<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>

Answer 1

您需要遍歷每個li元素並附加自動遞增的id。

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
});