如何删除jQuery或JavaScript的链接？

Question

我希望删除以下代码的“ContactUs.aspx”链接，我使用它工作的code $("#Main4").contents().unwrap();，但也删除了类“LeftMainMenu”。

我希望只删除链接，我该怎么做？

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

Answer 1

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

这将删除href属性：

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

请记住在页面加载事件中执行此操作，如下所示：

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

或者，如果您只想删除href的值，那么

   $("#Main4").attr("href", "")

这将使

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

样本：

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您的jQuery选择器是错误的。应该是$("#Main4")。您可以使用.removeAttr()删除href的属性。请参阅文档here。

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

Answer 3

要删除href，您可以使用

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

仅删除您可以使用的链接

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

Answer 4

如果您想隐藏链接，可以：

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

如果您希望禁用该链接，您可以：

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

或

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

或

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

顺便说一句，关于href的不同属性 'javascript：void（0）'和'＃'是there.