Jquery在h1标签内添加div

时间:2012-05-03 21:56:33

标签: jquery html

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

<h1> test </h1>

在文件中

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

我有精神障碍。任何帮助将不胜感激。

3 个答案:

答案 0 :(得分:6)

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

但请使用<span class="wrap" />

Demo jsBin

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

答案 1 :(得分:6)

<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";

但是说,你不能只将“wrap”类应用到<h1>吗?

答案 2 :(得分:0)

// Get and wrap the content from the h1
var content = $('h1').html();
content = '<div class="wrap">' + content + '</div>';

// Reinsert the content into the h1
$('h1').html( content );

这当然可以在一行中完成,但这使它更加清晰。