Question

我需要动态更改表单元素的id。例如，元素的形式如id1，id2，id3和id4（元素的数量不固定为4，可以更多）。我需要在id1之后添加一个元素作为id2。当发生这种情况时，已经在表单中的id2应该更改为id3和id3应该更改为id4，依此类推。我想用javascript把它放在一个递归函数中但是现在还没有任何想法....请帮忙。

Answer 1

使用jquery，你可以这样做：你有一些带有“listItem”类和一个id的html标签。

<div id="1" class="listItem">something </div>
<div id="2" class="listItem">something </div>
<div id="3" class="listItem">something </div>

然后是剧本

var i = 2;
$(".listItem").each(function() {
     $(this).attr("id", i++);
});

这应该将内容更改为

<div id="2" class="listItem">something </div>
<div id="3" class="listItem">something </div>
<div id="4" class="listItem">something </div>

这将迭代所有具有类“listItem”的标签，并将更改id。

我希望有所帮助。

Answer 2

让我们说你的HTML是这样的：

<div id="id1" class="list"></div>
<div id="id2" class="list"></div>
<div id="id3" class="list"></div>

您可以创建一个在中间插入新元素的函数，并按以下步骤更新所有以下元素的ID：

function(insertAfterId) {
  jQuery('#' + insertAfterId).insert('<div id="temp" class="list"></div>');
  var count = 1;
  jQuery('.list').each(function() {
    jQuery(this).attr("id", "id" + count);
    count++;
  });
}

希望有所帮助！

使用javascript更改表单元素的ID值

2 个答案: