1

目前我的页面设置为：

<body id="some-id">

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

</body>

我已经尝试过使用 append 和之前，但是，它并没有完全做我想做的事情。

我正在尝试添加一个带有 id 的 div，inserted-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 但没有运气。

4

2 回答 2

1

你正在寻找wrap方法。

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

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

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

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

检查小提琴

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

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

于 2013-07-11T00:34:15.970 回答
1

如果您想在整个正文内容周围包裹一些东西，请尝试：

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

如果要环绕正文中的第一个 DIV：

$("body > div:eq(0)").wrap("<div id='inserted-div'/>");
于 2013-07-11T00:38:34.177 回答