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 link显示我已经尝试过的内容。

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/