如何将连接的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 link展示了我的尝试。

Answer 1

您不能使用plus运算符 concat jQuery对象。但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/