动态将升序 ID 附加到元素

Dynamically append ascending IDs to elements

本文关键字：元素 ID 升序 动态      更新时间：2023-09-26
<p class="abc">Lorem ipsum</p>
<p class="xyz">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ac lectus ac sapien cursus ullamcorper. Proin facilisis accumsan ante, at iaculis magna aliquam consectetur.</p>
<p class="abc">Lorem ipsum</p>
<p class="xyz">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ac lectus ac sapien cursus ullamcorper. Proin facilisis accumsan ante, at iaculis magna aliquam consectetur.</p>
<p class="abc">Lorem ipsum</p>
<p class="xyz">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ac lectus ac sapien cursus ullamcorper. Proin facilisis accumsan ante, at iaculis magna aliquam consectetur.</p>

在这里，我有 2 组分配给不同段落的类。

我已经计算了带有class"xyz"的段落数，即 3。

如何使用"xyz"动态添加不同的id，为每个段落同化不同的计数class数。

例如：

 <p class="xyz" id="p1"></p>
 <p class="xyz" id="p2"></p>
 <p class="xyz" id="p3"></p>

我试过：

$js = jQuery.noConflict();
$js(document).ready(function(){ 
    var count = $js('.xyz').length;  //here count = 3
});

$js(document).ready(function(){        
    $js('.xyz').each(function(index)
    {
        $js(this).attr('id', 'p' + (index + 1))
    });
});

each函数文档：

描述：遍历 jQuery 对象，为每个匹配的元素执行一个函数。

相关文章：