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 对象。但是 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/