动态地将升序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>

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

我已计算class“xyz”为3的段落数。

如何使用id“xyz”为每个段落动态添加不同的class s不同的计数编号。

例如：

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

each函数docs：

  

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