我希望刪除以下代碼的鏈接「ContactUs.aspx」,我使用它的code $("#Main4").contents().unwrap();
它的工作,但類「LeftMainMenu」也被刪除。如何刪除與jQuery或JavaScript的鏈接?
我希望只刪除鏈接,我該怎麼做?
<a id="Main4" class="LeftMainMenu" href="ContactUs.aspx">Contact Us</a>
我希望刪除以下代碼的鏈接「ContactUs.aspx」,我使用它的code $("#Main4").contents().unwrap();
它的工作,但類「LeftMainMenu」也被刪除。如何刪除與jQuery或JavaScript的鏈接?
我希望只刪除鏈接,我該怎麼做?
<a id="Main4" class="LeftMainMenu" href="ContactUs.aspx">Contact Us</a>
<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>
你的jQuery選擇器是錯誤的。應該是$("#Main4")
。您可以使用.removeAttr()
刪除href的屬性。請參閱文檔here。
$("#Main4").removeAttr('href');
要刪除href
可以使用
$('#Main4').removeAttr('href');
只刪除鏈接,您可以使用
$('#Main4').attr('href','');
,如果你想要的鏈接隱藏,您可以:
$('#main4').hide();
,如果你想要的鏈接無效,您可以:
$('#main4').removeAttr('href');
或
$('#main4').attr('href','#');
或
$('#main4').attr('href','javascript:void(0);');
順便說一句,關於 不同href屬性 '的javascript:無效(0)' 和 '#' 是there.
謝謝!但是當我將光標懸掛到文本「聯繫我們」時,光標仍將鏈接顯示爲文本 – HelloCW 2015-03-31 01:57:52
您可以在頁面加載時執行此操作。像'$(function(){$(「#Main4」)。removeAttr(「href」);});'看起來像你試圖刪除鏈接沒有被添加到頁面。這就是爲什麼它不會被刪除 – mohamedrias 2015-03-31 01:58:33
我已經添加了一個演示以及它如何工作。請檢查@HelloCW – mohamedrias 2015-03-31 02:05:16