javascript - 将选定的行传输到另一个表

Question

我从数据库中获取数据并将其显示在带有复选框的表格中。我想要做的是选定的行应该移动到第二个表中，并且我不希望第二个表中的复选框列以下是代码:

 <table class="table">
    <tr>
        <th></th>
        <th>Business Identifier</th>
        <th>Site Name</th>
        <th>City</th>
        <th>Postcode</th>
    </tr>
    @if (Model.UserAccountSummary != null && Model.UserAccountSummary.Any())
    {
        foreach (var item in Model.UserAccountSummary)
        {
            <tr>
                <td>

                   <input name="Id" type="checkbox" value="@item.business_customer_identifier" class="chkclass"></td>

                <td>@Html.DisplayFor(modelItem => item.business_customer_identifier)</td>
                <td>@Html.DisplayFor(modelItem => item.customer_name)</td>
                <td>@Html.DisplayFor(modelItem => item.postal_town)</td>
                <td>@Html.DisplayFor(modelItem => item.postcode)</td>
            </tr>
        }
    }

</table>

JS代码如下:

$().ready(function () {
        $(".table").on("click", ".chkclass", function () {
            if ($(this).is(":checked")) {
                var trItem = $(this).closest("tr").clone();
                trItem.add("<tr>").append("</tr>");

                $("#targetTable").append(trItem);
            }
        });
    });

Answer 1

$(function () {
    $(".table").on("click", ".chkclass", function () {
        if ($(this).is(":checked")) {
            $(this).closest("tr").appendTo("#targetTable");
        }
    });
});