追加和预先添加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');

请参阅Demo

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

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

如果您想wrap #container disco div $( "#container" ).wrap( "<div id='disco'></div>" ); ，请使用wrap()作为Palash和Kristof Feys回答，

{{1}}

Answer 2

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

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

（CFR）。 http://api.jquery.com/wrap/

Answer 3

由于您希望将div放在container div上，您可以使用.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>');