Question

目前我的页面设置为：

<body id="some-id">

   <div class="some-class">
   </div>
   <!-- some-class -->

</body>

我尝试使用追加和之前，然而，它并没有完全做我想做的事情。

我正在尝试添加ID为inserted-div的div：

<body id="some-id">

<div id="inserted-div">

   <div class="some-class">
   </div>
   <!-- some-class -->

</div>
<!-- inserted div -->

</body>

每次我使用某些内容时，例如：$('body').appendto("<div id='inserted-div'>");它将无法插入，或者在插入＆lt; </div>后插入div>而不是放置</div>在关闭机构之前。试过前置和前置，但没有运气。

Answer 1

您正在寻找wrap方法。

$('.some-class').wrap('<div id="inserted-div"></div')

$('body').prepend - 将div添加为身体的第一个孩子。

$('body').append - 将div添加为身体的最后一个孩子。

但在你的情况下，你希望inserted-div作为现有div的包装。

要定位第一个实例，您可以使用

$('.some-class').first()或$('.some-class:eq(0)')

Answer 2

如果你想围绕整个身体内容包裹一些内容，请尝试：

$("body > *").wrapAll("<div id='inserted-div'/>");

如果你想绕开身体中的第一个DIV：

$("body > div:eq(0)").wrap("<div id='inserted-div'/>");