如何用Jquery隐藏锚链接

时间:2010-12-28 23:44:29

标签: javascript

  

可能重复:
  Disable anchor link failed with javascript

我有锚标记

<a id="click" href="javascript:void(0);" onclick="disable();" style="">Clickme</a>.

当html加载它显示clickme时,当我点击锚链接时,它调用disable()函数,在禁用函数中我试图使用jquery成功函数中的下面的代码隐藏它:

document.getElementById("click").style.display='none';

但页面永远不会隐藏那个锚链接,如果我做错了,请告诉我。

提前致谢。

3 个答案:

答案 0 :(得分:3)

如果您拥有锚点的ID,则可以使用$('#ID').hide()隐藏它并显示它使用$('#ID').show()

答案 1 :(得分:1)

由于您使用的是jQuery,因此您可以遵循不引人注目的编码方式

的jQuery

$(function(){
    $("#click").click(function(){
        $(this).hide();
        return false;
    });
});

HTML

<a id="click" href="#">Clickme</a>

查看working demo

如果这不起作用,请检查您的HTML。如果有多个具有相同ID的元素,则HTML将无效,并且您的脚本无法正常工作。

答案 2 :(得分:1)

从您的编码风格来看,我会说您也使用了相同的ID用于其他元素(锚点)。您不应该在同一页面上放置多个ID值。