Javascript 使用jQuery在div中包装HTML

我需要使用jQuery在html页面中注入一些html标记

我需要用

..

将下面突出显示的黄色代码包围起来

所以我需要这样的东西：

<div class="section">
    <div>...</div>
    <div>...</div>
    <div>...</div>
    <div>...</div>
    <div>...</div>
</div>

...
...
...
...
...

为此，我使用id（以绿色突出显示）和

parent

和

before

或

append

方法

问题：在使用

之前的
或
附加
方法时，jQuery总是自动关闭我的标记，因此我最终得到


你知道怎么做吗？谢谢。
使用
.nextUntil（）
以中间的div为目标，并使用
.wrapAll（）


$（'div[id^=320]'）.nextUntil（“div[id^=760]”）。添加（“div[id^=320]，div[id^=760]”）。wrapAll（“”）
部分{
背景颜色：黄色；
}

...
...
...
...
...
...
...
…
$（'.wcustomhtml'）。每个（函数（）{
$（this.parent（）.wrap（“”）；
})

我不确定是否只有高亮显示的元素有这个类，如果没有，您需要给它们一些类来识别它们，然后分别（）它们和包装（）它们的父元素

希望这对这些方法的默认行为有所帮助。不能以位追加html。结束标签是自动处理的。我的计数不公平的向下投票。这里的问题是你封装了所有的div，但在我的情况下，我只需要它的一小部分。。。正如你在我的屏幕截图上看到的，在突出显示的黄色代码之前和之后，我还有其他div。你可以使用CSS伪选择器来定位特定的元素。您需要哪一个？我需要连续的div，从id=“721…”的div开始，到id=“569…”的div结束。（以及所有的div之间）。我已经编辑了答案。您可以将其用于您的场景。
$('.wcustomhtml').each(function(){
  $(this).parent().wrap('<div class="section"></div>');
})