clone()この例は、ID「TableID」を使用してテーブルの最後の行をクローンし、テーブル本體に追加します。

$("#tableID tbody").append($("#tableID tbody tr:last").clone());

メソッドを使用して子要素を選択してから、その內容をクリアできます。例は次のとおりです。

この例は、テーブルの本體にクローン列を追加する前に、クローンされた行の入力フィールドをクリアします。 find()

var clonedRow = $("#tableID tbody tr:last").clone();
clonedRow.find("input").val("");
$("#tableID tbody").append(clonedRow);

クローン化された行IDは、

この例は、クローンされた列を「newid」に変更してから、クローン列をテーブルの本體に追加します。 attr()

var clonedRow = $("#tableID tbody tr:last").clone();
clonedRow.attr("id", "newID");
$("#tableID tbody").append(clonedRow);

テーブルの行をクローンして、別のテーブルに追加できますか。クローン行を追加するときは、別のテーブルを選択するだけです。例は次のとおりです。

var clonedRow = $("#tableID1 tbody tr:last").clone();
$("#tableID2 tbody").append(clonedRow);

メソッドを使用して、クローンラインのコンテンツを変更できます。例は次のとおりです。

text()この例は、クローンされた行の最初のセルの內容を「新しいコンテンツ」に変更してから、テーブルの本體にクローン列を追加します。 html()

var clonedRow = $("#tableID tbody tr:last").clone();
clonedRow.find("td:first").text("新內容");
$("#tableID tbody").append(clonedRow);

テーブルの行をクローンして、これらのセルの一部を削除できますか。選択したセルは、

remove()テーブルの列をクローンして新しいセルを追加する方法は？

var clonedRow = $("#tableID tbody tr:last").clone();
clonedRow.find("td:last").remove();
$("#tableID tbody").append(clonedRow);

メソッドを使用して、クローンされた行に新しいセルを追加できます。例は次のとおりです。

append()テーブルの行をクローンしてクラスを変更する方法は？

var clonedRow = $("#tableID tbody tr:last").clone();
clonedRow.append("<td>新單元格</td>");
$("#tableID tbody").append(clonedRow);

メソッドを使用して、クローンされた行のクラスを変更できます。例は次のとおりです。

addClass()テーブルの列をクローンしてスタイルを変更する方法は？ removeClass()

var clonedRow = $("#tableID tbody tr:last").clone();
clonedRow.removeClass("舊類").addClass("新類");
$("#tableID tbody").append(clonedRow);

var clonedRow = $('tbody tr:first').clone();
clonedRow.find('input').val('');
$(this).prev().find('table tbody').append(clonedRow);

この例は、クローン列の背景色を黃色に変更してから、テーブルの本體にクローン列を追加します。

テーブルの行をクローンしてイベントハンドラーを追加する方法は？

on()メソッドを使用して、クローンラインにイベントハンドラーを追加できます。例は次のとおりです。

$("#tableID tbody").append($("#tableID tbody tr:last").clone());

この例は、クローン列にクリックした列をテーブルの本體に追加する前に、クリックイベントハンドラーをクローン列に追加します。クローン行がクリックされると、「クローン行がクリックされます！」というメッセージが表示されます。

以上がjQueryクローンテーブルロウと空になりますの詳細內容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。