删除行后重命名文本框

Question

我想删除一些行后重命名我的文本框..

TextBoxA1 TextBoxB1
TextBoxA2 TextBoxB2
TextBoxA3 TextBoxB3

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

TextBox1 TextBoxB1
TextBox3 TextBoxB3
TextBox3 TextBoxB3

我想重命名它或重命名它们的ID，因为即时通讯使用每个id用于Php和window.opener

输出应该再次像这样

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

使用重新编制索引来实现目标：http://jsfiddle.net/MvQ4h/8/

基本上我所做的是添加一小段代码，在您删除文本并更新值后循环遍历所有输入文本：

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

Answer 2

在这种情况下，您应该在删除功能中为所有（或至少＆gt; i）文本框重新分配ID。