动态更改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..
});

Answer 2

我只是在将表单提交到服务器之前更改元素的名称。不需要动态改变，即，当元素被移除并且添加新元素时。它更方便。