如何在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);

但是这会在pre标签之前创建div open end

Answer 1

wrap()将围绕pre标签:

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