jQuery show href链接问题

时间:2010-10-07 17:01:58

标签: jquery-selectors href

对此我不熟悉,如果它真的很傻就很抱歉。我的问题如下。我们已经给出了一个锚点列表,一些是html,一些是pdf。这些被分组为div #anchors,它将隐藏在文档就绪上。然后两个按钮可以选择仅显示html链接或仅显示pdf链接,并且必须使用href $ selector。我无法得到任何东西。代码如下:

$(document).ready(function(){
    alert("Anchors hidden");
    $('#anchors').hide();
});

$(document).ready(function(){
  $('#htmlLinks').click(function(event){
    alert("html pressed");
    $("a[href$=html]").show();
  });
});

警报显示,但未列出任何链接。我尝试过很多东西。我究竟做错了什么?我已尝试$('#anchor a[href$=".html"]').show();和其他各种不同的引号组合,我尝试创建一个新的div并输出到那个,但我无处可去。我可以显示整个div,但不能选择它。任何帮助将不胜感激。

非常感谢。

1 个答案:

答案 0 :(得分:0)

你在这里隐藏整个div:

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

相反,隐藏内部的锚点......你想要显示的锚点,如下所示:

$('#anchors a').hide();

如果你.show()仍然在隐藏的父母中的孩子,你将无法获得效果,这就是你所看到的。而是直接对隐藏元素执行.show(),并使父级可见。