动态将数据添加到表行

Question

这个问题与我先前在此链接中提出的问题有关。 现在，我正在尝试做相反的事情。 我在这里有一个动态表（可以在其中添加和删除行），并且应该检索用户在表的最新用法（通过按钮触发）中输入的任何数据，并将其张贴在同一表中（如果相同）按钮）。

这是我用来从动态表中获取数据的代码：

$('#tableSearchMainAccount1 tr').each(function(){  
var td = '';                   
   if ($(this).find("td:first").length > 0) {    // used to skip table header (if there is)            
      $(this).find('option:selected').each(function(){
         td = td + $(this).text()+ ',';
      });
   td = td + $(this).find('input').val();
   filt[ctr]=td;
   ctr += 1;           
   } 
});   
alert (filt);  //alert output like  name,equals,ann,age,equals,11

现在，我要做的是，当我再次单击该按钮时，以前的输入数据将再次发布到我的动态表中。

我的桌子看起来像这样：

<table> <tr><th>field</th><th>comparison</th><th>value</th></tr>   
 <tr>
    <td>
      <select style="width:5em;" class="field">
        <option>name</option>
        <option>age</option>
        <option>sex</option>
      </select>
    </td>
    <td>
      <select style="width:5em;" class = "comp">
        <option>equals</option>
        <option>starts with</option>
        <option>not equal to</option>
      </select>
    </td>
    <td><input type="text" class = 'value'></td>
    <td><img class="add" src="css/images/add.png" /></td> // this is used to add new row
 </tr>
</table>

当再次显示表格时，用户在表格中输入的最后数据应显示在表格中。 如何将数据添加到动态表中？

编辑：
单击该按钮后，将打开一个对话框，其中包含我的动态表，并且每当用户关闭对话框时，该表中的所有行都将与用户输入的数据相同。 我已经创建了一个变量，用于保存表中最新输入的数据。 因此，当再次单击按钮时，我希望表生成或显示用户的最后输入数据。 输出应与最新输入数据相同。

Answer 1

假设您有一个id为add的按钮，并且想在表尾添加一个表行：

$('#add').on('click', function() {
   var $lastTr = $('table tr:last');
   $lastTr.clone().insertAfter($lastTr);
   $('#add', $lastTr).remove();
});

使用.clone帮助我们克隆最后一行，并将其追加到末尾。

小提琴： http : //jsfiddle.net/garreh/w9fXJ/

---

只是为了预防您的下一个问题，这是删除一行的附加内容;-)

$('.remove_row').on('click', function() {
    $(this).closest('tr').remove();
});

小提琴： http : //jsfiddle.net/garreh/w9fXJ/1/

Answer 2

JQuery的。 前置和JQuery。 追加将帮助您