目前我的页面设置为:
<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>在关闭 body 之前。尝试了 prepend 和 prependto 但没有成功。
最佳答案
您正在寻找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)')
关于javascript - 在 body 标签中放置一个 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17583193/