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

Change an ID value of a form element with javascript

本文关键字：ID 元素 表单 javascript 使用      更新时间：2023-09-26

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

使用jquery，您可以执行以下操作：你有一些html标签，类"listItem"和一个id。

<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。

我希望这能有所帮助。

假设你的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++;
  });
}

希望能有所帮助！

相关文章：