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

Question

我所工作的公司将我交给一个使用模板运行的凌乱网站，因此该网站中的某些元素是自动生成的，并且是活动链接。

我的主要问题是网站上的某些元素是活动链接，而这些链接根本不是链接。 我想知道是否有一种方法可以使用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>

Answer 1

如果要从DOM中删除带有类名slider链接：

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

Answer 2

您可以使用以下代码从具有类slider链接中删除所有href属性：

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

这将使元素的内容保持完整，并仅禁用它们作为链接。

Answer 3

尝试使用.unwrap()展开滑块，假设所有这些链接都具有类slider ，并且直接将它们包装在锚定标记中。

$('.slider').unwrap()

Answer 4

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

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

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