是否可以使用Jquery以连续顺序重新分配div的子类

Question

我有以下情况,我的divs childs id需要从1开始按连续顺序重命名.

例如.

<div id="parent">  
    <div id="child-108"></div>
    <div id="child-99"></div>
    <div id="child-9"></div>
    <div id="child-18"></div>
    <div id="child-64"></div>
</div>

通过JQuery或常规Javascript转换为:

<div id="parent">  
    <div id="child-1"></div>
    <div id="child-2"></div>
    <div id="child-3"></div>
    <div id="child-4"></div>
    <div id="child-5"></div>
</div>

任何帮助都会很棒!

Answer 1

当然,你可以用这个each功能做到这一点:

$('#parent > div').each(function(index) {
    this.id = 'child-' + (index + 1);
});

通过指向DOM元素和在所选元素中给出索引(以...开头)的参数each来调用传入的函数.thisindex0