如何在pre标签周围创建div

Question

我有一些预先标记的代码。输出是这样的：

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

现在我想围绕这个前块创建一个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);

但是这会在预标签

之前创建div open end

Answer 1

wrap()将围绕pre标记：

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