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

Posted 2023-03-27

【中文标题】使用 jquery 如何删除锚标记 <a> 但保留内容？

【英文标题】：Using jquery How can I remove the anchor tag <a> but keep the contents?

【发布时间】：2012-03-15 13:39:16

【问题描述】：

这是我要删除但保留 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 部件标头。提前致谢！

【参考方案1】：

您可以使用jQuery选择锚标记<a>，然后将其父级的内容替换为自己的内容。这将摆脱锚标签并保留其他所有内容：

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

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

【讨论】：

我最终使用了$('h3.ms-WPTitle > a').replaceWith(function() return this.innerHTML; );

【参考方案2】：

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

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

【参考方案3】：

试试这个

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

     $(this).unwrap();

 );

希望对你有帮助

【参考方案4】：

我最终使用了

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