在“删除”按钮上，单击“删除一行后删除”将在相同的位置添加新行jquery。

Question

在外行的术语中，我想替换按一下按钮的某一行。

我试过了

$(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);
});

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

Answer 1

在本例中，您可以使用方便的replaceWith方法：

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);
});

另外，如果要收集添加的行数组，则需要在事件处理程序之外声明addedRows数组，否则每次单击时都会重新创建它。

Answer 2

给你。使用html方法，不再需要重新订阅事件。

​

$('table tr').click(function() {
  $(this).html('<td>Jill</td><td>Smith</td><td>' + new Date() + '</td></tr>');
});

<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>

​

希望能帮上忙。