javascript - jQuery在封闭的CMS中围绕HTML添加div

我已进行了尽可能多的搜索和尝试，但被绊住了，想伸出援手。

我想使用Javascript / Jquery，此封闭的cms可以使div中的2个列表包围。

这是当前代码如下所示。关闭的cms是以这种方式编写的，不能更改：

<div id="details">
    <div id="otherstuff">
        dynamic text
    </div>
    <ul class="info left">
        <li>dynamic text</li>
        <li>dynamic text</li>
        <li>dynamic text</li>
    </ul>
    <ul class="info right">
        <li>dynamic text</li>
        <li>dynamic text</li>
        <li>dynamic text</li>
    </ul>
    <div id="more stuff">
        dynamic text
    </div>
</div>

这是我试图通过某种查找/替换来实现的目标，以便UL可以被带有其自身ID的自身div包围。

<div id="details">
    <div id="otherstuff">
        dynamic text
    </div>
    <div id="NEWLISTDIV">
        <ul class="info left">
            <li>dynamic text</li>
            <li>dynamic text</li>
            <li>dynamic text</li>
        </ul>
        <ul class="info right">
            <li>dynamic text</li>
            <li>dynamic text</li>
            <li>dynamic text</li>
        </ul>
    </div>
    <div id="more stuff">
        dynamic text
    </div>
</div>

我在这里看到了各种脚本来查找和替换文本，但尚未找到上述解决方案。非常感谢您的帮助。

（此封闭的cms允许使用Javascript，如果使用了Jquery，则必须使用noconflict才能工作）

最佳答案

尝试这个：

$('.info').wrapAll('<div id="NEWLISTDIV"/>');

有关要执行的操作的更多信息，请参见wrapAll。

关于javascript - jQuery在封闭的CMS中围绕HTML添加div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6313387/