Question

我工作的公司通过模板运行了一个凌乱的网站，因此网站中的一些元素是自动生成的并且是活动链接。

我的主要问题是网站上有一些元素是主动链接，根本不是链接。我想知道是否有办法从使用JQuery和CSS的html元素中删除链接？

这将对我有很大的帮助，在此先感谢。我需要从类'slider'中删除所有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

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

$('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());
});

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

4 个答案: