Javascript 匹配一个元素并包装匹配元素之前的其他内容

我有下面给出的示例数据：

<div class="dynamic-data">
    <span>1234 - some text here</span>
    <b>1234</b> - some text here
    <hr />
    <span>1234 - some text here</span>
    <span>1234 - some text here</span>
    <b>1234</b> - some text here
    <hr />
    <span>1234 - some text here</span>
    <b>1234</b> - some text here
    <hr />
    <span>1234 - some text here</span>
    <span>1234 - some text here</span>
    <span>1234 - some text here</span>
    <span>1234 - some text here</span>
    <b>1234</b> - some text here
    <hr />
</div>

---

我不知道如何使用

wrap（）

，但我使用了一些

html（）

和

regex

css

border:red

刚刚添加到示例中的display div中

$（“.dynamic data”）.html（`+$（“.dynamic data”）.html（））；
$（“.dynamic data”）.html（$（“.dynamic data”）.html（）.replace（//g，``'）；
$（“.dynamic data”）.children（“div[class=newdiv]：last”）.remove（）
.newdiv{
边框：红色1px实心；
}

1234-这里有一些文字
1234-这里有一些文字

1234-这里有一些文字
1234-这里有一些文字
1234-这里有一些文字

1234-这里有一些文字
1234-这里有一些文字

1234-这里有一些文字
1234-这里有一些文字
1234-这里有一些文字
1234-这里有一些文字
1234-这里有一些文字

尝试按
拆分以获取每个
的内容，包括文本节点：


$（“.dynamic data>hr”）。替换为（“
”）；
$（“.dynamic data”）.html（“+$（.dynamic data”）.html（）.split（“
”）.join（“+”）；
$（“.dynamic data>.newdiv”）。每个（函数（索引）{
if（$（this）.text（）.trim（）.length==0）{
$（this.remove（）；
};
});
.newdiv{
背景颜色：浅绿色；
保证金：2倍；
}

1234-这里有一些文字
1234-这里有一些文字

1234-这里有一些文字
1234-这里有一些文字
1234-这里有一些文字

1234-这里有一些文字
1234-这里有一些文字

1234-这里有一些文字
1234-这里有一些文字
1234-这里有一些文字
1234-这里有一些文字
1234-这里有一些文字

非常感谢，伙计！
<div class="dynamic-data">
    <div class="newdiv">
        <span>1234 - some text here</span>
        <b>1234</b> - some text here
    </div>
    <div class="newdiv">
        <span>1234 - some text here</span>
        <span>1234 - some text here</span>
        <b>1234</b> - some text here
    </div>
    <div class="newdiv">
        <span>1234 - some text here</span>
        <b>1234</b> - some text here
    </div>
    <div class="newdiv">
        <span>1234 - some text here</span>
        <span>1234 - some text here</span>
        <span>1234 - some text here</span>
        <span>1234 - some text here</span>
        <b>1234</b> - some text here
    </div>
</div>