jquery - クローン作成に JQuery を使用して名前付き HTML テーブルの最初の行を選択する

Question

特定の名前付きテーブルの最初または最後の行をコピーしたい。多数の列があるため、クローン作成が最善の方法です。次のコード スニペットを見つけました。

var i = 1;
$("button").click(function() ​​​{
  $("table tr:first").clone().find("input").each(function() {
    $(this).val('').attr('id', function(_, id) { return id + i });
  }).end().appendTo("table");
  i++;
})​;​

私の問題は、セレクターをどこで変更して、探しているテーブルを指定するのですか? このフィドルを見ると、行を追加しても 1 つのテーブルにしか追加されないことがわかりますが、最初に使用可能なテーブルから行が複製されているように見えます。table1に追加しているため、からの行のみをコピーしたいとしますtable1。どうすればこれを行うことができますか？

Answer 1

これを試して ：

ID テーブル "table1" を持つ "table" の行を追加します。

$("button").click(function() ​​​{
  $("#table1 tr:first").clone().find("input").each(function() {
    $(this).val('').attr('id', function(_, id) { return id + i });
  }).end().appendTo("#table1");
  i++;
})​;​

ID テーブル "table2" を持つ "table" の行を追加します。

$("button").click(function() ​​​{
  $("#table2 tr:first").clone().find("input").each(function() {
    $(this).val('').attr('id', function(_, id) { return id + i });
  }).end().appendTo("#table2");
  i++;
})​;​