重命名文本框删除某些行后删除行

Question

我想我的重命名后的文本框..

TextBoxA1 TextBoxB1
TextBoxA2 TextBoxB2
TextBoxA3 TextBoxB3

然后我删除TextBox2中。然后，我添加一行，我得到这个

TextBox1 TextBoxB1
TextBox3 TextBoxB3
TextBox3 TextBoxB3

我想将其重命名或因为即时通讯使用的每个ID的PHP和一个window.opener重新命名其ID

输出应该是这样的

TextBoxA1 <before the name is TextBoxA1> TextBoxB1 <before the name is TextBoxB1>
TextBoxA2 <before the name is TextBoxA3> TextBoxB2 <before the name is TextBoxB3>
TextBoxA3 <newly added row> TextBoxB3 <newly added row>

这里的的jsfiddle：http://jsfiddle.net/k3vin023/MvQ4h/5/

Answer 1

在这种情况下，你应该在你删除功能重新分配所有（或至少> i）个文本框的ID（一个或多个）。

Answer 2

要使用重新索引完成自己的目标：http://jsfiddle.net/MvQ4h/8/

基本上我做的是增加的一小段代码，通过所有的输入文本删除后的文本和更新值循环：

$('input[type="text"]').each(function(i, ev) { 
    var newId = 'txt' + (i + 1); 
    $(this).attr('id', newId).val(newId); 
});