在body标签中放置一个div

Question

目前我的页面设置为：

<body id="some-id">

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

</body>

我已经尝试过使用 append 和之前，但是，它并没有完全达到我想要做的效果。

我正在尝试添加一个 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'>"); 它要么不会插入，要么会在插入的 div> 之后插入 </div>，而不是将 </div> 放在关闭主体之前。尝试了 prepend 和 prependto 但没有运气。

Answer 1

您正在寻找wrap 方法。

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

$('body').prepend -- 将添加一个 div 作为 body 的第一个子元素。

$('body').append -- 将添加一个 div 作为 body 的最后一个子元素。

但在您的情况下，您希望 inserted-div 作为已经存在的 div 的包装器。

Check Fiddle

只针对第一个实例，您可以使用

$('.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'/>");