javascript - 动态更改 HTML DOM 元素名称

Question

我正在考虑的是，当我从 DOM 中删除或添加子元素时，我将通过 JavaScript 或 jQuery 更改其他元素的名称。例如，我将从具有 3 个文本框的表单中删除第二个文本框。它们的名称为“input-1”、“input-2”和“input-3”。删除“input-2”后，我将把“input-3”重命名为“input-2”。然后，当我要添加新文本框时，它将被命名为“input-3”。这样有效吗？

Answer 1

你的 html 标记是什么？...你为什么要这样做？...

$('input:text').attr('name',function(index,name){
   return 'input-' + (index+1);
   // this will rename input's of type text based on their indices..
});