Question

我有一个示例代码：

jQuery(document.body).append('<div id="wrapper-1"></div>').appendChild('<div id="wrapper-2"></div>');

如何获得这个结果，如何创意？

<div id="wrapper-1">
   <div id="wrapper-2"></div>
</div>

Answer 1

或者你可以试试这个：

$('.body').append('<div id="wrapper-1"></div>');
$('<div id="wrapper-2"></div>').appendTo('#wrapper-1');

Answer 2

jQuery('body').append('<div id="wrapper-1"><div id="wrapper-2"></div></div>');

Answer 3

这是一种方式：

jQuery(document.body).append('<div id="wrapper-1"></div>').children().append('<div id="wrapper-2"></div>');

Answer 4

这有什么不对吗？

jQuery(document.body).append('<div id="wrapper-1"><div id="wrapper-2"></div></div>');

浏览器会理解这是一个孩子

Answer 5

append()是一个jQuery方法，而appendChild()是一个DOM元素方法。

即。你需要在纯DOM元素上调用appendChild()。以下应该有效。

jQuery(document.body).append('<div id="wrapper-1"></div>')[0].appendChild('<div id="wrapper-2"></div>');

Answer 6

appendChild（）是一个javascript本机函数，而append（）是一个jquery方法。因此，链条中的两个都不会像您期望的那样工作。

按照Maxim的建议尝试这个。

jQuery('body').append('<div id="wrapper-1"><div id="wrapper-2"></div></div>');

Answer 7

试试这个：

var $div1 = $("<div/>");
$div1.attr("id", "wrapper-1");

var $div2 = $("<div/>");
$div2.attr("id", "wrapper-2");

$div1.append($div2);



 <div id="wrapper-1">
    <div id="wrapper-2"></div>
  </div>

不能在jQuery中使用append和appendChild？

7 个答案: