在按钮上单击删除后删除一行将在同一点jquery上添加一个新行

时间:2015-07-04 08:34:56

标签: jquery uitableview

在外行的术语中,我想在点击按钮时替换某一行。

我试过

$(document).on('click', '#removerow', function() {
    var addedRows = [];
    $("#tableid").find("tr").remove();
    var $row = $("<tr class=''><td class='tdlabel'> <span>New Row </td></tr>");
    addedRows.push($row);
    $("table#tableid tr").last().before($row);
});

它只删除表中的行但没有添加添加的行。

2 个答案:

答案 0 :(得分:3)

在这种情况下,您可以方便地使用replaceWith方法:

--postgres@localhost:5432
REVOKE utente FROM taylor

此外,如果要收集添加的行数组,则需要在事件处理程序之外声明var addedRows = []; $(document).on('click', '.removerow', function() { var $row = $("<tr class=''><td class='tdlabel'> <span>New Row </td></tr>"); addedRows.push($row); $(this).replaceWith($row); }); 数组,否则每次单击都会重新创建它。

答案 1 :(得分:0)

你在这里。使用您不再需要重新订阅活动的HTML方法。

&#13;
&#13;
$('table tr').click(function() {
  $(this).html('<td>Jill</td><td>Smith</td><td>' + new Date() + '</td></tr>');
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table style="width:100%">
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>
&#13;
&#13;
&#13;

希望得到这个帮助。