javascript - 动态地将升序 ID 附加到元素

Question

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

我如何动态添加不同的 id 以将不同的计数分配给具有 class "xyz"的每个段落。

例如:

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

Answer 1

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

每个函数docs :

Description: Iterate over a jQuery object, executing a function for each matched element.