jquery在关闭的CMS中添加div附近的html

Question

我已经搜索并尝试了尽可能多的，但我难住，并希望伸出手。

我想使用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> 

这是我想实现一些类似find一样的/替换，使得UL的可以通过其自身的DIV有自己的包围ID。

<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工作）

Answer 1

试试这个：

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

见wrapAll更多信息你正在试图做的是什么。