如何附加到 apendees？

Question

自从我的 jQuery 时代以来已经有一段时间了，我刚刚意识到以下代码让我震惊：

$("#add").append("<div>1</div>").append("<div>2</div>")

没有添加带有 inside div 的 div，而是添加了两个 div。我可以做这样的事情

$("#add").append("<div>1<div>2</div></div>")

但在我看来，这似乎是隐藏我的无知，而不是产生一个值得信赖的解决方案。如何使用附加的子元素附加一些东西？

Answer 1

你必须在这种情况下使用.appendTo()，

$("<div>1</div>").appendTo("#add").append("<div>2</div>")

因为.append() 将返回调用它(append) 的元素。所以这个$(#add) 将被返回。您的代码非常类似于，

var elem = $("#add");
elem.append("<div>1</div>");
elem.append("<div>2</div>");