使用jquery如何删除锚标记<a> but keep the contents?</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选择锚标记<a>，然后将其父级内容替换为自己的内容。这将摆脱锚标记并保留其他所有内容：

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

行动中：http://jsfiddle.net/natecook/JTsKY/

Answer 2

嗯......你可以使用unwrap()：

$('h3 a').children().unwrap();

Answer 3

试试这个

 $('.ms-WPTitle').find('span').each(function(){

     $(this).unwrap();

 });

希望有所帮助

Answer 4

我最终使用

$('h3.ms-WPTitle > a').replaceWith(function() { return this.innerHTML; });