Переименование Textboxes после удаления строки

Question

Я хотел переименовать свои текстовые поля после удаления некоторых строк ..

TextBoxA1 TextBoxB1
TextBoxA2 TextBoxB2
TextBoxA3 TextBoxB3

затем я удалить TextBox2. Затем добавить строку и я получил эту

TextBox1 TextBoxB1
TextBox3 TextBoxB3
TextBox3 TextBoxB3

я хотел переименовать или переименовать их идентификаторы, потому что им с помощью каждого идентификатора для 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

в этом случае, вы должны повторно назначить идентификатор (ы) для всех (или, по крайней мере,> Я) текстового поля в функции удаления.

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); 
});