javascript - 如何围绕 pre 标签创建 div

Question

我有一些代码位于预标记中。输出是这样的:

<div class="Message">
   <pre class="Codeblock>
       <!-- code goes here -->
   </pre>
</div>

现在我想围绕这个预 block 创建一个 div，如下所示:

<div class="Message">
   <div id="firstblock">
     <pre class="Codeblock>
         <!-- code goes here -->
     </pre>
   </div>
</div>

我已经尝试过这个:

var extradiv = document.createElement('div');
extradiv.id = 'firstblock';
$('.Message').prepend(extradiv);

但这会在 pre 标记之前创建 div 开放端关闭

Answer 1

wrap()将为您包围 pre 标记:

$('.Message .Codeblock').wrap('<div id=firstblock></div>');