0

我有一个示例代码：

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>
4

7 回答 7

2

否则你可以试试这个：

$('.body').append('<div id="wrapper-1"></div>');
$('<div id="wrapper-2"></div>').appendTo('#wrapper-1');
于 2012-11-21T05:32:18.240 回答
1 
jQuery('body').append('<div id="wrapper-1"><div id="wrapper-2"></div></div>');
于 2012-11-21T05:14:20.760 回答
1

这里有一个方法：

jQuery(document.body).append('<div id="wrapper-1"></div>').children().append('<div id="wrapper-2"></div>');
于 2012-11-21T05:22:04.967 回答
0

这有什么问题？

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

浏览器会明白这是一个孩子

于 2012-11-21T05:12:26.297 回答
0

append()是 jQuery 方法，而appendChild()是 DOM Element 方法。

即你需要调用appendChild()一个纯DOM 元素。以下应该工作。

jQuery(document.body).append('<div id="wrapper-1"></div>')[0].appendChild('<div id="wrapper-2"></div>');
于 2012-11-21T05:16:34.150 回答
0

appendChild() 是一个 javascript 原生函数，而 append() 是一个 jquery 方法。因此，链中的两者都不会像您期望的那样工作。

按照Maxim的建议试试这个。

jQuery('body').append('<div id="wrapper-1"><div id="wrapper-2"></div></div>');
于 2012-11-21T05:31:03.490 回答
0

试试这个：

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>
于 2012-11-21T07:03:45.197 回答