使用jQuery从html元素中删除链接
问题描述:
我工作的公司使用模板将我交给一个凌乱的网站,因此网站中的某些元素会自动生成并且是活动链接。使用jQuery从html元素中删除链接
我的主要问题是,网站上有一些元素是活动链接,根本不假设是链接。我想知道是否有一种方法可以从使用JQuery和CSS的html元素中移除链接?
这将帮助我巨大,在此先感谢。我需要从类'滑块'中删除所有的href。
这里是我的一些jQuery,有人可以告诉我如何添加它?
<script type="text/javascript">
$(document).ready(function(){
$("#productsLink").hover(function(){
$("#productsMenu").slideDown();
});
$("#productsLink, #productsMenu").hover(function(){
$("#productsLink").css("color","red");
});
$(".spacer", this).hover(function(){
$("#productsLink").css('color', 'white');
$("#productsMenu").slideUp();
$("#aboutLink").css('color', 'white');
$("#aboutMenu").slideUp();
});
});
</script>
答
您可以使用此代码删除所有链接href
属性与slider
类:
$('a.slider').removeAttr('href')
这将保持元素的内容不变,只是禁用m作为链接。
答
CSS在这里没有帮助,它只能用于完全隐藏元素。
您可以使用replaceWith
方法将特定的a
元素转换为span
元素。例如:
$('a.something, a.someother').replaceWith(function(){
return $('<span/>').text($(this).text());
});
+0
取决于'.unwrap('a')'也可能有用。 – ThiefMaster 2012-03-31 23:09:49
你能展示一些代码/示例HTML吗?之前有人因为假设 – Joseph 2012-03-31 22:47:02
而被downvoted,这是我正在处理的一个完美的例子...(需要删除链接)HELLO –
CSoverIT
2012-03-31 23:00:06
这是在一个孤立的容器中的HTML?还是遍布整个页面?他们是否都在相同的网址? – Joseph 2012-03-31 23:07:21