jquery - 使用 jquery 如何删除 anchor 标记 <a> 但保留内容？

Question

这是我尝试删除但保留innerHTML 的行。

<H3 style="TEXT-ALIGN: justify" class="ms-standardheader ms-WPTitle"><A accessKey=W href="/Lists/CACSurveys"><NOBR><SPAN>My Open Surveys</SPAN><SPAN id=WebPartCaptionWPQ1></SPAN></NOBR></A></H3>

最终结果应如下所示:

<H3 style="TEXT-ALIGN: justify" class="ms-standardheader ms-WPTitle"><NOBR><SPAN>My Open Surveys</SPAN><SPAN id=WebPartCaptionWPQ1></SPAN></NOBR></H3>

原因是 SharePoint 不允许我拥有没有链接的 Web 部件标题。提前致谢!

Answer 1

您可以使用 jQuery 选择 anchor 标记 <a> ，然后用它自己的内容替换其父级的内容。这将删除 anchor 标记并保留其他所有内容:

​$(function() {
    $('h3 a').each(function() {
        $(this).parent().html($(this).html());         
    });
});​

实际操作:http://jsfiddle.net/natecook/JTsKY/