Jquery在h1标签内添加div

Question

使用jquery,我如何在所有h1标签内的文本周围包装div类.例如,做所有

<h1> test </h1>

在一份文件中

<h1> <div class="wrap">test </div></h1>.

我有精神障碍.任何帮助将非常感激.

Answer 1

尽量使用 $('h1').wrapInner('<div class="wrap" />');

但是用一个 <span class="wrap" />

演示jsBin

来自DOCS:http://api.jquery.com/wrapInner/

Answer 2

<div>内部无效<h1>.你最好使用一个<span>.纯JavaScript:

var h = document.getElementsByTagName('h1')[0],
    d = document.createElement('span');
while(h.firstChild) d.appendChild(h.firstChild);
h.appendChild(d);
d.className = "wrap";

但是说,你不能只将"包装"类应用到<h1>？