jquery - 附加和前置 Javascript div？

Question

我正在尝试创建一个只会被 JS 承认的 div。我希望将 div 放在我的“容器”div id 标签上，如下所示：

$('<div id="disco">').prependTo('#container');
$('</div>').appendTo('#container');

然而，这似乎不起作用。我想知道为什么，以及如何最好地解决这个问题。

Answer 1

选择您selectors喜欢的<div id="disco" />或<div id="disco"></div>代替<div id="disco">并选择<div/>代替</div>

$('<div id="disco"></div>').prependTo('#container');
$('<div/>').appendTo('#container');

看演示

如果您想在容器之前插入迪斯科 div，请使用insertBefore()或before() 之类的，

$("<div id='disco'></div>").insertBefore("#container");

如果你想使用wrapwrap ( #container)作为Palash 和 Kristof Feys 回答如下，disco div

$( "#container" ).wrap( "<div id='disco'></div>" );

Answer 2

我的猜测是你正试图在你的容器周围包装一个新的 div？如果是这种情况，您可以使用以下 (jQuery) 代码，因为您已经在示例中使用了 jQuery：

$('#container').wrap('<div id="disco"></div>');

cfr。http://api.jquery.com/wrap/

Answer 3

由于您希望将 div 放置在containerdiv 上，因此可以使用.wrap()：

$( "#container" ).wrap( "<div id='disco'></div>" );

考虑以下 HTML：

<div id="container">Hello</div>

使用后的结果wrap是一个新的包裹匹配元素：

<div id="disco">
   <div id="container">Hello</div>
</div>

Answer 4

试试看：

$('#container').wrap('<div id="disco"></div>');