Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否可以重新分配div';使用Jquery按连续顺序创建的childs类_Javascript_Jquery_Css_Html - Fatal编程技术网

Javascript 是否可以重新分配div';使用Jquery按连续顺序创建的childs类

Javascript 是否可以重新分配div';使用Jquery按连续顺序创建的childs类,javascript,jquery,css,html,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=

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


任何帮助都会很好

当然可以,您可以使用以下功能:

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

通过指向DOM元素的
this
和在所选元素中给出索引(从
0开始)的
index
参数调用传递给每个
的函数。

首先需要可排序的id,例如child-001,child-002等。按照ID当前的状态对其进行排序将非常困难。@Mark:不一定。我对这个问题的理解是@steve想根据其
id
值的位置重新分配它们,而不是根据它们的
id
值重新排列它们。@TJ-抱歉。你说得很对。这使事情简单多了。@在钱上标出你的右边!