2012-03-31 111 views
0

我工作的公司使用模板將我交給一個凌亂的網站,因此網站中的某些元素會自動生成並且是活動鏈接。使用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> 
+0

你能展示一些代碼/示例HTML嗎?之前有人因爲假設 – Joseph 2012-03-31 22:47:02

+0

而被downvoted,這是我正在處理的一個完美的例子...(需要刪除鏈接)

CSoverIT 2012-03-31 23:00:06

+0

這是在一個孤立的容器中的HTML?還是遍佈整個頁面?他們是否都在相同的網址? – Joseph 2012-03-31 23:07:21

回答

1

如果你想從DOM刪除與類名slider鏈接:

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

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

+1

你有_any_區分你想從你想要刪除的鏈接的方式嗎?你不能只刪除所有':主動'鏈接,因爲它會刪除你的當你點擊它們的時候,你會得到授權的嗎?舊的有一個特定的類名或ID或標題嗎?或者它們位於共同的元素中? – hohner 2012-03-31 23:10:03

+0

舊的有一個'滑塊'的類名我想禁用所有與類名'滑塊'相關聯的鏈接。 – CSoverIT 2012-03-31 23:15:25

1

您可以使用此代碼刪除所有鏈接href屬性與slider類:

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

這將保持元素的內容不變,只是禁用m作爲鏈接。

0

CSS在這裏沒有幫助,它只能用於完全隱藏元素。

您可以使用replaceWith方法將特定的a元素轉換爲span元素。例如:

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

取決於'.unwrap('a')'也可能有用。 – ThiefMaster 2012-03-31 23:09:49

1

嘗試使用.unwrap()展開滑塊,假設所有這些鏈接有類slider和它們直接包裹在一個錨標記。

$('.slider').unwrap()