使用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());
});