1

テーブルに行を動的に追加する必要があります。モデル行を次のようにしたいことはわかっています。

<tr id="row">
  <td><input type="text" name="name"/></td>
  <td><span>TEXT HERE</span></td>
  <td><input type="checkbox" name="asdf"/></td>
</tr>

この行を最初から再現するコードを書くべきか、それとも jQuery の clone() メソッドを使用するべきか、次のように考えています。

//Would document this better in production
$('#row').clone().attr('id', 'row2').insertAfter('#row');

#row次に、元の要素が CSS で隠されていることを確認します。

この質問を一般化すると、非表示の DOM 要素を持ち、必要なときにその要素を複製することは、jQuery の優れた方法でしょうか? または、この種の問題に対するよりクリーンな解決策はありますか?

ありがとう！

4

1 に答える 1

1

フォーマットを JavaScript にハードコーディングする以外は、これが実際に最善の方法です。

もう 1 つの方法は、(データの) 既存の行をコピーし、要素からすべてのテキストを削除することです。次に、非表示の行のないクローンを取得します。

など、これを処理するプラグインもdynoTableあります。

于 2012-11-07T00:53:34.583 に答える