如何在存在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/