Jquery删除带有特定标签的链接以及此链接之后的整个文本

Posted 2023-02-23

【中文标题】Jquery删除带有特定标签的链接以及此链接之后的整个文本

【英文标题】：Jquery remove link with a certain label and the whole text after this link

【发布时间】：2011-03-17 17:29:33

【问题描述】：

例如：

<a href="/" title="Go to homepage">Homepage</a> text after link;
<a href="/" title="About">About</a> text after link;
<a href="/" title="Contact Us">Contact Us</a> text after link;

没问题：我可以删除链接：

$("a:contains('Homepage')").remove();

我的问题：如何删除之前删除链接后的文字：

text after link

提前致谢。

【参考方案1】：

您可以将该文本节点的值设置为空，如下所示：

$("a:contains('Homepage')")[0].nextSibling.nodeValue = "";

You can try it here。如果您不确定它是否存在，请添加 if 检查，如下所示：

var node = $("a:contains('Homepage')")[0];
if(node && node.nextSibling) node.nextSibling.nodeValue = "";