JQuery解包内容

Question

在CMS中我正在写博客.每个帖子标题的输出的HTML结构如下所示:

<h2>
    <a href="...">Title</a>
</h2>

我想要做的是删除<a>包含代表博客标题的内容的标记.

我做了一些环顾四周,找到了两个几乎解决方案:

1. remove() - 这也将删除内容本身
2. unwrap() - 我认为你不能用标签来定位标签内的文本来摆脱标签本身.

Answer 1

.wrapInner首先使用并打开新结构..

$('h2 a').wrapInner('<span>').children().unwrap();

演示http://jsfiddle.net/gaby/ffKDn/

用更好的方式更新..

使用.contents()目标文本节点并使用.unwrap()那些..

$('h2 a').contents().unwrap();

演示http://jsfiddle.net/gaby/ffKDn/8/