Question

我在后端有以下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

不确定怎么办？

感谢。

Answer 1

你可以像这样使用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捕获href值的单击

1 个答案: