使用 JQuery 删除链接答案

【问题标题】：Removal of link using JQuery使用 JQuery 删除链接
【发布时间】：2020-07-23 07:39:55
【问题描述】：

我正在尝试做一个非常简单的任务，但我似乎无法弄清楚。我正在尝试编写一个函数，该函数将删除链接而不删除与其关联的文本。具体如下：

<a href="../../../../articles/c/a/t/Special%7ECategories_101d.html" title="Special:Categories">Categories</a>[/CODE]

我正在尝试删除除文本“类别”之外的所有内容，我只想删除 href 标记。我什至愿意将标题重命名为“类别”。我只想链接没了。此链接位于名为“mw-normal-catlinks”的 div 中，它是 div 中的第一个链接。我不想删除 div 中的其他内容。

我对 jQuery 很陌生，到目前为止我已经知道该怎么做。这是我得到的：

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('#mw-normal-catlinks a.first').replaceWith('Categories');
</script>

现在我不确定我是否遗漏了任何东西，因为当我将它放入我的 HTML 代码时，什么也没有发生。我不确定是否需要添加一个 div 才能使其工作。

我想最终将它实现到一个 PHP 编码工具中，我用它来将 wiki 页面转换为 html，所以也许我需要添加某种 div？

谢谢大家！

【问题讨论】：

标签： javascript jquery html replacewith

【解决方案1】：

使用.unwrap()

$('#mw-normal-catlinks a.first').contents().unwrap();

另外，您可能需要此选择器，因为您的 a 标签没有 .first 类：

$('#mw-normal-catlinks a:first-child').contents().unwrap();

【讨论】：

【解决方案2】：

.first 表示 “first 类的成员”，您可能会将其与 :first-child 或 :first-of-type 混淆

【讨论】：