Обновить таблицу после добавления строк jquery

Question

У меня есть таблица, и у меня есть кнопка с классом «addrow» для добавления строк в эту таблицу, как показано ниже:

$(".tdclass").keyup(function() {
  \\doing something
});

var counter = 5;
$(".addrow").on("click", function() {
  var newRow = $("<tr>");
  var cols = "";
  cols+='<td>something</td>';
  newRow.append(cols);
  $("#mytable tr:last").prev().after(newRow);
  counter++;
});

кнопка работает, и я могу добавить tr к таблице, но там это одна проблема. Проблема в том, что после добавления новой строки функции в $(".tdclass").keyup не работают одновременно, и мне нужно внести некоторые изменения в другие ячейки, чтобы активировать эти функции для новых строк. Я думаю, что мне нужно обновить / обновить sh таблицу после добавления новых строк, но я не уверен.

Answer 1

Также вы можете go таким образом: Изменить это:

$(".tdclass").keyup(function() {
  \\doing something
});

на это:

$(document).on("keyup", ".tdclass", function() {
  \\doing something
});

Это поможет избежать дублирования в коде и обрабатывать динамические c добавлены новые элементы в таблицу. Надеюсь, это поможет

Answer 2

Вы должны удалить обработчик событий для функции keyup, а затем повторно добавить его, как только закончите составление таблицы.

Примерно так может работать:

$( ".tdClass").unbind( "keyup" );

затем как только вы закончите составление таблицы, вы можете добавить ее заново.

$(".tdclass").keyup(function() {
  \\doing something
});