Удаление ссылки из html-элемента с помощью JQuery

Question

Компания, в которой я работаю, передала мне грязный веб-сайт, используя шаблоны, поэтому некоторые элементы на веб-сайте генерируются автоматически и являются активными ссылками.

Моя главная проблема в том, что на сайте есть элементы, которые являются активными ссылками, которые вообще не должны быть ссылками. Мне было интересно, если есть способ удалить ссылку из элемента HTML, используя JQuery и, возможно, CSS?

это мне очень поможет, заранее спасибо. Мне нужно удалить все ссылки из класса «слайдер».

Вот некоторые из моих 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

попробуйте развернуть ползунки, используя .unwrap(), предполагая, что все эти ссылки имеют класс slider, и они непосредственно заключены в якорный тег.

$('.slider').unwrap()

Answer 2

Вы можете удалить все атрибуты href из ссылок с классом slider с помощью этого кода:

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

Это сохранит содержимое элементов без изменений и просто отключит их как ссылку.

Answer 3

Если вы хотите удалить ссылки с именем класса slider из DOM:

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

Answer 4

CSS здесь не поможет, его можно использовать только для полного скрытия элементов.

Вы можете использовать метод replaceWith, чтобы превратить определенные a элементы в span элементы. Пример:

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