Skip to main content
Commonmark migration
ソース リンク

如何したら1行目のクローンを作り出せるでしょうか?

わざわざ1行目に.appLineDummyクラスをつけているので、$(".appLineDummy")で取得すればいいのではないでしょうか。

また、2行目もどうせ1行目のコピーなので、HTMLに書かずにjsで追加してはどうでしょうか。

1行目をコピーするときに、.appLineDummyクラスを外さないとcssで非表示になってしまいますので注意する必要があります。

以上を踏まえたDEMO


###補足

補足

クリックのイベントハンドラーを追加するのに

$(".rowins").on("click", ...);

とせずに

$(document).on("click", ".rowins", ...);

としている理由ですが、前者だとこの文を実行した時点で存在する.rowinsクラスの要素のそれぞれにイベントハンドラーが追加されますので、後から追加された.rowins要素には効きません。後者はdocument.rowinsである子孫要素からbubble upしてきたイベントに対してコールバックが実行されます。なので後から追加された.rowins要素のクリックイベントをキャッチできます。

詳しくはjQueryのonDirect and delegated eventsの項を参照してください。

如何したら1行目のクローンを作り出せるでしょうか?

わざわざ1行目に.appLineDummyクラスをつけているので、$(".appLineDummy")で取得すればいいのではないでしょうか。

また、2行目もどうせ1行目のコピーなので、HTMLに書かずにjsで追加してはどうでしょうか。

1行目をコピーするときに、.appLineDummyクラスを外さないとcssで非表示になってしまいますので注意する必要があります。

以上を踏まえたDEMO


###補足

クリックのイベントハンドラーを追加するのに

$(".rowins").on("click", ...);

とせずに

$(document).on("click", ".rowins", ...);

としている理由ですが、前者だとこの文を実行した時点で存在する.rowinsクラスの要素のそれぞれにイベントハンドラーが追加されますので、後から追加された.rowins要素には効きません。後者はdocument.rowinsである子孫要素からbubble upしてきたイベントに対してコールバックが実行されます。なので後から追加された.rowins要素のクリックイベントをキャッチできます。

詳しくはjQueryのonDirect and delegated eventsの項を参照してください。

如何したら1行目のクローンを作り出せるでしょうか?

わざわざ1行目に.appLineDummyクラスをつけているので、$(".appLineDummy")で取得すればいいのではないでしょうか。

また、2行目もどうせ1行目のコピーなので、HTMLに書かずにjsで追加してはどうでしょうか。

1行目をコピーするときに、.appLineDummyクラスを外さないとcssで非表示になってしまいますので注意する必要があります。

以上を踏まえたDEMO


補足

クリックのイベントハンドラーを追加するのに

$(".rowins").on("click", ...);

とせずに

$(document).on("click", ".rowins", ...);

としている理由ですが、前者だとこの文を実行した時点で存在する.rowinsクラスの要素のそれぞれにイベントハンドラーが追加されますので、後から追加された.rowins要素には効きません。後者はdocument.rowinsである子孫要素からbubble upしてきたイベントに対してコールバックが実行されます。なので後から追加された.rowins要素のクリックイベントをキャッチできます。

詳しくはjQueryのonDirect and delegated eventsの項を参照してください。

.on() の補足
ソース リンク
sigh
  • 628
  • 4
  • 9

如何したら1行目のクローンを作り出せるでしょうか?

わざわざ1行目に.appLineDummyクラスをつけているので、$(".appLineDummy")で取得すればいいのではないでしょうか。

また、2行目もどうせ1行目のコピーなので、HTMLに書かずにjsで追加してはどうでしょうか。

1行目をコピーするときに、.appLineDummyクラスを外さないとcssで非表示になってしまいますので注意する必要があります。

以上を踏まえたDEMO


###補足

クリックのイベントハンドラーを追加するのに

$(".rowins").on("click", ...);

とせずに

$(document).on("click", ".rowins", ...);

としている理由ですが、前者だとこの文を実行した時点で存在する.rowinsクラスの要素のそれぞれにイベントハンドラーが追加されますので、後から追加された.rowins要素には効きません。後者はdocument.rowinsである子孫要素からbubble upしてきたイベントに対してコールバックが実行されます。なので後から追加された.rowins要素のクリックイベントをキャッチできます。

詳しくはjQueryのonDirect and delegated eventsの項を参照してください。

如何したら1行目のクローンを作り出せるでしょうか?

わざわざ1行目に.appLineDummyクラスをつけているので、$(".appLineDummy")で取得すればいいのではないでしょうか。

また、2行目もどうせ1行目のコピーなので、HTMLに書かずにjsで追加してはどうでしょうか。

1行目をコピーするときに、.appLineDummyクラスを外さないとcssで非表示になってしまいますので注意する必要があります。

以上を踏まえたDEMO

如何したら1行目のクローンを作り出せるでしょうか?

わざわざ1行目に.appLineDummyクラスをつけているので、$(".appLineDummy")で取得すればいいのではないでしょうか。

また、2行目もどうせ1行目のコピーなので、HTMLに書かずにjsで追加してはどうでしょうか。

1行目をコピーするときに、.appLineDummyクラスを外さないとcssで非表示になってしまいますので注意する必要があります。

以上を踏まえたDEMO


###補足

クリックのイベントハンドラーを追加するのに

$(".rowins").on("click", ...);

とせずに

$(document).on("click", ".rowins", ...);

としている理由ですが、前者だとこの文を実行した時点で存在する.rowinsクラスの要素のそれぞれにイベントハンドラーが追加されますので、後から追加された.rowins要素には効きません。後者はdocument.rowinsである子孫要素からbubble upしてきたイベントに対してコールバックが実行されます。なので後から追加された.rowins要素のクリックイベントをキャッチできます。

詳しくはjQueryのonDirect and delegated eventsの項を参照してください。

ソース リンク
sigh
  • 628
  • 4
  • 9

如何したら1行目のクローンを作り出せるでしょうか?

わざわざ1行目に.appLineDummyクラスをつけているので、$(".appLineDummy")で取得すればいいのではないでしょうか。

また、2行目もどうせ1行目のコピーなので、HTMLに書かずにjsで追加してはどうでしょうか。

1行目をコピーするときに、.appLineDummyクラスを外さないとcssで非表示になってしまいますので注意する必要があります。

以上を踏まえたDEMO