如何在存在div内添加HTML元素，但是覆盖内容？

Question

比如我HTML这样的：

<div class='title-post'>The content</div> 

现在，我想使用jQuery添加元素有结果是这样的：

<div class='title-post'><span>The content</span></div> 

这意味着我添加<span></span>盖的内容。

我该如何使用jquery来做到这一点？

感谢您的帮助。 jQuery的的

Answer 1

使用jQuery API wrapInner：http://api.jquery.com/wrapInner/

演示http://jsfiddle.net/rp3bY/

代码

$('.title-post').wrapInner('<span>'); 

Answer 2

一号线：

$('.title-post').html($('<span />').text($('.title-post').text())); 

小提琴：http://jsfiddle.net/P6B8g/