【メモ】jQueryで動的なselectボックスにSelect2を適用する

背景

こちらの記事を参考にselect2を適用したselectボックスを複製しようとしましたが
複製元のselect2の適用が消えたり不具合が多発しました

解決法

コピー元からselect2を削除し、削除した行をコピー
挿入後それぞれに適用

app.js

    //コピーアイコン押した際の行コピー
    $('.js-copy-row').on('click', function (e) {
        let row = $(this).closest("tr");
        // select2の破棄
        row.find(".select2").select2('destroy');
        // 新規追加行
        let newRow = row.clone(true);
        newRow.insertAfter(row);
        row.find(".select2").select2();
        newRow.find(".select2").select2();
   })