如何したら1行目のクローンを作り出せるでしょうか?
わざわざ1行目に.appLineDummy
クラスをつけているので、$(".appLineDummy")
で取得すればいいのではないでしょうか。
また、2行目もどうせ1行目のコピーなので、HTMLに書かずにjsで追加してはどうでしょうか。
1行目をコピーするときに、.appLineDummy
クラスを外さないとcssで非表示になってしまいますので注意する必要があります。
###補足
補足
クリックのイベントハンドラーを追加するのに
$(".rowins").on("click", ...);
とせずに
$(document).on("click", ".rowins", ...);
としている理由ですが、前者だとこの文を実行した時点で存在する.rowins
クラスの要素のそれぞれにイベントハンドラーが追加されますので、後から追加された.rowins
要素には効きません。後者はdocument
の.rowins
である子孫要素からbubble upしてきたイベントに対してコールバックが実行されます。なので後から追加された.rowins
要素のクリックイベントをキャッチできます。
詳しくはjQueryのon
のDirect and delegated eventsの項を参照してください。