jQueryクローンテーブルロウと空になります

jQueryをすばやく使用してテーブルの行をクローンし、コンテンツコードスニペットをクリアします：

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

jQuery cloning form row faqs（faqs）

jQueryを使用してテーブルの行をクローンする方法は？

JQueryを使用したクローンテーブルの行は非常に単純です。メソッドを使用して行をコピーできます。基本的な例は次のとおりです

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

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

テーブルの列をクローンして内容をクリアする方法は？

列を形成することができ、その内容がクリアされます。行をクローン化した後、

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

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

テーブルの行をクローンしてIDを変更するにはどうすればよいですか？

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);

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

この例は、ID "tableId1"を使用してテーブルの最後の行をクロームし、ID "tableId2"を使用してテーブルに追加します。

テーブルの行をクローンしてコンテンツを変更するにはどうすればよいですか？

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 サイトの他の関連記事を参照してください。