jquery

Question

jQueryオブジェクトを複数回追加できない理由を理解するのに苦労しています:

var $divObj = $('<div/>', { 'text': 'This is a div!' });

$('button').on('click', function() {
  $('#example').append($divObj);
});

<div id="example"></div>
<button>Add Div</button>

これは、が最初にbuttonクリックされたときにのみ機能します。その後のクリックは何もしていないようです。

オブジェクトを追加するときに使用できること、または文字列としてclone()渡すことができることはわかっていますが、オブジェクトの追加が複数回機能しない理由についての説明を探しています。div

score 0 · Accepted Answer

問題は、ページを完全に読み込んだ後、$divObj から値を取得していないことです。
クリックするたびにメッセージを表示したい場合は、$divObj を on click 関数内に配置することで機能します。
ここにコードの変更があります。

$('button').on('click', function() {
    var $divObj = $('<div />', { 'text': 'This is a div!' });
    $('#example').append($divObj);
});

ありがとう

jquery - jQuery オブジェクトを複数回追加できないのはなぜですか?