我創建了一個不可見的 div，該 div 主表被隱藏，我正在將該表克隆到另一個 div 中。div id is main-div. 我想在新生成的表中添加一行？如何使用jQuery追加行？生成表函數、刪除表函數和刪除行函數處于工作狀態。使用 javascript 或 Jquery 添加新行哪種更好的處理方式？任何提示？// ==================== //// Add aggregate Table//// ==================== //var aggTableNum = 0;$('.addAggregatorCompo').click(function (e) {  const originTable = document.getElementById('aggregator-table');  let newTable = originTable.cloneNode(true);  newTable.id = 'newAggTable' + ++aggTableNum;  newTable.querySelectorAll('input').forEach((element) => {    element.value = '';  });  $('#main-div').append(newTable);});// ==================== //// Delete Component //// ==================== //$('#main-div').on('click', '.delete-component', function (e) {  e.preventDefault(); // in case it is not a type=button and the table is wrapped in a form  this.closest('table').remove();});// ==================== //// Delete Records//// ==================== //$('#main-div').on('click', '.delete-record', function () {  $('table tbody')    .find('input[name="record"]')    .each(function () {      if ($(this).is(':checked')) {        $(this).parents('tr').remove();      }    });});// ==================== //// Add Aggregate records //// ==================== //$('#main-div').on('click', '.add-record', function () {  $('<tr>')    .append($('<td>').append('input'))    .append($('<td>').append('text2'))    .append($('<td>').append('text3'))    .append($('<td>').append('text4'));});#aggregator-table {  display: none;}table {  border-collapse: collapse;  margin: 1em;}thead {  background-color: lightblue;}td,th {  border: solid grey 1px;  padding: 1em;  text-align: center;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><button style="margin: 1%" class="addAggregatorCompo">Add Table</button><table id="aggregator-table" class="component-base">jsFiddle - > https://jsfiddle.net/shreekantbatale2/h2sv1q9p/