使用jQuery为li元素添加自动增量值 - add auto increment value to li element using jQuery

add auto increment value to li element using jQuery

本文关键字：添加 jQuery li 元素使用 | 更新日期: 2023-09-27

我有以下代码，它是由一个插件动态生成的，该插件将为每个团队成员创建一个"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>

您需要遍历每个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
});