Клонировать строку и удалить элементы, а затем повторно добавить

Question

Я пытаюсь клонировать строку таблицы, которая работает, а затем добавляет ее в новую строку.

Проблема, с которой я сталкиваюсь: мне нужно добавить некоторые динамические элементы в новую строку, но это должно быть только для 1 строки. Если новая строка динамически добавлена, я хочу, чтобы предыдущая строка удаляла те элементы, которые я добавил динамически.

Я попытался использовать метод .remove(), но это все еще показывает.

Это то, что я делаю:

var lastTableRow = $('#mainTable tr:last').clone(); 
lastTableRow.attr('id', 'row_' + rowIDNumericOnly); 
$('#mainTable tr:last').after(lastTableRow); 

// finally, add a button into this new row: 

$('#row_' + rowID + ' td:nth-child(2)').append('<input type="button" ID="cmdGetName_' + rowID + '" value="Fetch CAS Name" onClick="GetName($(\'#Names_' + rowID + '__Number\').val(), ' + CAS+ ')" />');   

теперь, когда пользователь нажимает кнопку «Добавить строку», она вызывает функцию/метод выше, чтобы сделать то же самое. На этом этапе я хочу удалить динамически добавленную кнопку «cmdGetName_», если она существует при клонировании предыдущей строки.

любые идеи?

при удалении, я делаю следующее:

$('#cmdGetName_' + oldRowIDNumericOnly).remove(); 

где oldRowIDNumericOnly принимает последнюю строку добавляется в таблицу, и получить его идентификатор. rowIDNumericOnly - это НОВЫЙ идентификатор (из предыдущего идентификатора строки таблицы и добавления 1 к нему)

Answer 1

Дайте динамический ввод классу, например. class="CmdGetName". Тогда вы можете сделать:

var oldLastTableRow = $("#mainTable tr:last"); 
oldLastTableRow.find(".CmdGetName").remove; 
var lastTableRow = oldLastTableRow.clone();