JQuery 展开内容

Question

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

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

我想做的是删除 <a>包装代表博客标题的内容的标签。

我环顾四周，发现了 2 个几乎可以解决的问题:

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/