javascript - それぞれjqueryを使用して複数の要素を追加しますか？

Question

私はここが初めてで、jQueryについて質問したいと思います。私はそれぞれjqueryに問題があり、コードがあります：

$("#search-submit").click(function(){
    var item = $("<span>asdf</span>");
    $("body").append(item, item);
}

どうしてこの単純なコードが機能しないのか理解できません。「asdf」を2回印刷する代わりに、ボタンをクリックするたびに1つの「asdf」が印刷されます。これも機能しません。これはとてもばかげています...

$("body").append(item);
$("body").append(item);

どうもありがとう...そして私の悪い英語について申し訳ありません

デニーズ。

score 3 · Accepted Answer

jQueryオブジェクトを追加できるのは1回だけで、次cloneのオブジェクトを追加できます。

$("#search-submit").click(function() {
    var item = $("<span>asdf</span>");
    $("body").append(item, item.clone());
})

または、文字列を追加します。

$("#search-submit").click(function() {
    var item = "<span>asdf</span>";
    $("body").append(item, item);
})

score 0 · Accepted Answer

クローンを使用できます

$("#search-submit").click(function() {
    var item = $("<span>asdf</span>");
    $("#test").append(item.clone(), item.clone());
});

ここでフィドルを確認してください

2 に答える 2