2015-03-31 45 views
1

我希望刪除以下代碼的鏈接「ContactUs.aspx」,我使用它的code $("#Main4").contents().unwrap();它的工作,但類「LeftMainMenu」也被刪除。如何刪除與jQuery或JavaScript的鏈接?

我希望只刪除鏈接,我該怎麼做?

<a id="Main4" class="LeftMainMenu" href="ContactUs.aspx">Contact Us</a> 

回答

2
<a id="Main4" class="LeftMainMenu" href="ContactUs.aspx">Contact Us</a> 

這將刪除href屬性:

$("#Main4").removeAttr("href") 

記得做它在頁面加載事件象下面這樣:

$(function() { 
    $("#Main4").removeAttr("href") 
}); 

或者,如果你只是想刪除href然後

​​

這將使

<a id="Main4" class="LeftMainMenu" href="">Contact Us</a> 

DEMO:

$(function() { 
 
    $("#Main4").removeAttr("href") 
 
});
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.js"></script> 
 

 
<a id="Main4" class="LeftMainMenu" href="ContactUs.aspx">Contact Us</a>

+0

謝謝!但是當我將光標懸掛到文本「聯繫我們」時,光標仍將鏈接顯示爲文本 – HelloCW 2015-03-31 01:57:52

+0

您可以在頁面加載時執行此操作。像'$(function(){$(「#Main4」)。removeAttr(「href」);});'看起來像你試圖刪除鏈接沒有被添加到頁面。這就是爲什麼它不會被刪除 – mohamedrias 2015-03-31 01:58:33

+0

我已經添加了一個演示以及它如何工作。請檢查@HelloCW – mohamedrias 2015-03-31 02:05:16

0

你的jQuery選擇器是錯誤的。應該是$("#Main4")。您可以使用.removeAttr()刪除href的屬性。請參閱文檔here

$("#Main4").removeAttr('href'); 
0

要刪除href可以使用

$('#Main4').removeAttr('href'); 

只刪除鏈接,您可以使用

$('#Main4').attr('href',''); 
0

,如果你想要的鏈接隱藏,您可以:

$('#main4').hide(); 

,如果你想要的鏈接無效,您可以:

$('#main4').removeAttr('href'); 

$('#main4').attr('href','#'); 

$('#main4').attr('href','javascript:void(0);'); 

順便說一句,關於 不同href屬性 '的javascript:無效(0)' 和 '#' 是there.