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

时间:2011-01-24 13:16:30

标签: javascript jquery css html

我有以下情况,我的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>

任何帮助都会很棒!

1 个答案:

答案 0 :(得分:9)

当然,您可以使用each功能执行此操作:

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

调用传递给each的函数,this指向DOM元素,index参数指定所选元素中的索引(以0开头)