jquery - 如何使用 jQuery 捕获 href 值的点击

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 的情况下它会优雅地降级。