使用jQuery在div中包装HTML

Question

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

我需要使用<div class="section"> ... </div>围绕下面突出显示的黄色代码。

所以我需要这样的东西：

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

为此，我使用了ID（以绿色突出显示）和parent以及before或append方法。

问题：使用before或append方法时，jQuery总是自我关闭我的代码，所以我最终得到<div class="section"></div> ...

知道怎么办吗？感谢。

Answer 1

使用.nextUntil()定位中间的div并使用.wrapAll()

包裹该部分

$('div[id^=320]').nextUntil("div[id^=760]").add("div[id^=320], div[id^=760]").wrapAll('<div class="section"></div>');

.section {
  background-color: yellow;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>...</div>
<div>...</div>
<div id="320">...</div>
<div>...</div>
<div>...</div>
<div>...</div>
<div id="760">...</div>
<div>...</div>

Answer 2

Scotland or both STV and ITV News, in 
succession, the two experiences diverge further than is ...

我不确定是否只有突出显示的元素才有这个类，如果没有，你需要给它们一些类来识别它们，然后每个（）它们和wrap（）它们的父类。

希望这会有所帮助