jQueryを使用した行の複製方法


  1. clone()メソッドを使用する方法: jQueryのclone()メソッドは、指定した要素の複製を作成します。以下は、行を複製する基本的な例です。

    // HTMLのテーブル行を複製する例
    var clonedRow = $('#originalRow').clone();

    上記の例では、idが"originalRow"であるテーブル行が複製されます。複製された行は変数clonedRowに格納されます。

  2. append()メソッドを使用する方法: jQueryのappend()メソッドは、指定した要素の末尾に新しい要素を追加します。以下は、行を複製してテーブルに追加する例です。

    // HTMLのテーブルに行を追加する例
    var originalRow = $('#originalRow');
    var clonedRow = originalRow.clone();
    $('#tableBody').append(clonedRow);

    上記の例では、idが"originalRow"であるテーブル行を複製し、idが"tableBody"であるテーブルの末尾に追加しています。

  3. insertAfter()メソッドを使用する方法: jQueryのinsertAfter()メソッドは、指定した要素の直後に新しい要素を挿入します。以下は、行を複製して指定した行の直後に挿入する例です。

    // HTMLのテーブルで指定した行の直後に行を挿入する例
    var originalRow = $('#originalRow');
    var clonedRow = originalRow.clone();
    clonedRow.insertAfter(originalRow);

    上記の例では、idが"originalRow"であるテーブル行を複製し、元の行の直後に挿入しています。

これらの方法を使って行を複製することができます。具体的な使用方法は、要件に応じて調整してください。