我在后端有以下HTML代码,即。

<div class="navi">
  <a class="" href="0"></a>
  <a class="" href="1"></a>
  <a class="" href="2"></a>
  <a class="" href="3"></a>
</div>

道歉的基本问题,但我想使用jQuery捕获用户的点击,当他们只单击href值“0”

当用户单击href =“0”所在的位置时,基本上想隐藏一个名为“info”的div

不确定该怎么办?

谢谢。

最佳答案

您可以像这样使用attribute-equals selector(尽管我认为这不是有效的href):

$("a[href=0]").click(function() {
  $("#info").hide();
});

如果可能的话,一种更好的方法是给<a>一个指向href的更好的<div>,如下所示:
<div class="navi">
  <a class="" href="#info"></a>
  <a class="" href="#info1"></a>
  <a class="" href="#info2"></a>
  <a class="" href="#info3"></a>
</div>

然后,您可以使用与对应的<div>相关的更为通用的点击处理程序,如下所示:
$(".navi a").click(function() {
  $(this.hash).toggle();
});

当您单击<div id="info">链接时,这会切换href="#info"或其他链接...如果您的链接都与div相关,则这是一种更好的方法,并且在禁用javascript的情况下会正常降级。

关于jquery - 如何使用jQuery捕获href值的点击,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/2954640/

10-12 07:26
查看更多