jquery - なんで1だけ

Question

次のコードを使用して、ハンドラーをボタンにフックします。<h1>クリックするたびにの下にの新しい行が追加されることを願っています<p>。しかし、何度クリックしても、常に合計で 1 つしかありません。 <h1>なんで？

$("#click_me").click(function () {
    $("p").append($('h1').text('i am new bold2'));
});

score 10 · Accepted Answer

新しいを作成するのではなく、ページに既に存在h1する要素を選択して要素に追加しています。h1p

（要素セレクター）h1と言うときにセレクターとして使用しています。代わりに、新しい要素を作成する場合は、$('h1')$('<h1 />')

$("#click_me").click(function () {
    $("p").append($('<h1 />').text('i am new bold2'));
});

私が使用する別のバージョンは

$("#click_me").click(function () {
    $("p").append($('<h1 />', {
        text: 'i am new bold2'
    }));
});

score 4 · Accepted Answer

$('h1') を使用する必要がある <H1> を作成するために $('h1') を実行することはできません $('<h1 />')

$("#click_me").click(function () { $("p").append($('<h1 />').text('i am new bold2')); });

score 4 · Accepted Answer

$('h1')要素を作成せず、既存のh1要素 (そのうちの 1 つ) を参照します。作成するには、セレクターにタグ構造全体を含める必要があります。

$('<h1 />')

3 に答える 3