javascript - 連結されたjQueryで形成されたhtmlを変数に割り当てる方法は？

Question

私は持っ$("div").attr("id", "test")てい$("<span>")ます。それらを連結して変数に割り当てたいと思います。

var test = $("<div>").attr("style", "color:red").addClass("test")+$("<span>");
$("body").append(test);​ //gives [object Object][object Object]

test += $("div"); //also want to do like this

私が試したことを示すJSFiddleリンク。

Answer 1

jQueryオブジェクトをplus演算子で連結することはできません。ただし、jQueryには、既存のラップされたセットに要素.add()を追加できるメソッドが用意されています。

var test = $("<div>").attr("style", "color:red").addClass("test");

test.add( $("<span>") );
test.add( $("<div>") );

今、あなたは次のようなすべての要素を操作することができます

test.appendTo( document.body );

---

参照：http ：//api.jquery.com/add/