使用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>

来源

2012-03-31 CSoverIT

你能展示一些代码/示例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

如果你想从DOM删除与类名slider链接：

$('a.slider').remove();

来源

2012-03-31 22:45:36 hohner

这一切都没有工作..... :( – CSoverIT 2012-03-31 23:07:26

你有_any_区分你想从你想要删除的链接的方式吗？你不能只删除所有'：主动'链接，因为它会删除你的当你点击它们的时候，你会得到授权的吗？旧的有一个特定的类名或ID或标题吗？或者它们位于共同的元素中？ – hohner 2012-03-31 23:10:03

旧的有一个'滑块'的类名我想禁用所有与类名'滑块'相关联的链接。 – CSoverIT 2012-03-31 23:15:25

您可以使用此代码删除所有链接href属性与slider类：

$('a.slider').removeAttr('href')

这将保持元素的内容不变，只是禁用m作为链接。

来源

2012-03-31 22:46:22 aKzenT

CSS在这里没有帮助，它只能用于完全隐藏元素。

您可以使用replaceWith方法将特定的a元素转换为span元素。例如：

$('a.something, a.someother').replaceWith(function(){ 
    return $('<span/>').text($(this).text()); 
});

来源

2012-03-31 22:47:52 Guffa

取决于'.unwrap（'a'）'也可能有用。 – ThiefMaster 2012-03-31 23:09:49

尝试使用.unwrap()展开滑块，假设所有这些链接有类slider和它们直接包裹在一个锚标记。

$('.slider').unwrap()

来源

2012-03-31 23:15:27 Joseph

使用jQuery从html元素中删除链接

回答

相关问题