jquery - 如何在存在的 div 中添加 HTML 元素，但覆盖内容？

Question

例如我的 HTML 是这样的:

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

现在，我想使用 Jquery 添加元素以获得如下结果:

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

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

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

感谢您的帮助。

Answer 1

使用 JQuery API wrapInner:http://api.jquery.com/wrapInner/

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

代码

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