0

jqueryを使用して次のアクションを実行するにはどうすればよいですか?

3 つの行とヘッダー行を持つテーブルがあります。このようなもの：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %>
<%@ Import Namespace="MyModel.Model" %>
<div>
<table id="MyTable">
        <tr>
            <th>
                Select1
            </th>
            <th>
                Select2
            </th>
            <th>
                Text1
            </th>            
        </tr>

        <tr>
            <td>
                <select name="Select1"></select>
            </td>
            <td>
                <select name="Select2"></select>
            </td>
            <td>
                <input name="Input1"/>
            </td>            
        </tr>    
</table>
</div>

このテーブルの最後の行を複製し、ヘッダー行以外のすべての行を削除し、複製された行(最後の行)を追加して非表示にします(複製された行)。

これらのアクションを個別に実行する方法を知っています。

$("#MyTable tr:last").clone()
$("#MyTable tr>td").remove()
$("#MyTable tr:last").appendTo('#MyTable tr:first')
$("#MyTable tr:last").hide()

すべての行（ヘッダーを除く）を削除した後、複製された行を追加するのに苦労しています。

どんな助けでも大歓迎です。

4

1 に答える 1

1

複製された行への参照を保持する必要があります。

var $lastrow = $("#MyTable tr:last").clone();

// removes actual tr's, but not the headers
$("#MyTable tr > td").parent().remove();

$lastrow
    .appendTo('#MyTable')
    .hide();
于 2012-07-31T20:36:32.487 に答える