javascript - 使用 JQuery 删除链接

Question

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

<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？

谢谢大家!

Answer 1

使用.unwrap()

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

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

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