使用JQuery删除链接

时间:2013-07-30 16:25:08

标签: javascript jquery html replacewith

我正在尝试做一个非常简单的任务,但我似乎无法弄明白。我正在尝试编写一个函数,删除链接而不删除与之关联的文本。以下是具体内容:

<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才能使其正常工作。 我想最终实现这个到我用来将维基页面转换为HTML的PHP​​编码工具,所以也许我需要添加某种div?

谢谢大家!

2 个答案:

答案 0 :(得分:3)

使用.unwrap()

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

此外,您可能希望使用此选择器,因为您的a标记没有.first类:

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

答案 1 :(得分:2)

.first表示“班级成员first,您可能会将其与:first-child:first-of-type混淆