Question

我想知道有没有机会用jQuery抓取href链接？

例如，我有这些：

<li><a href="head.php">Head</a></li>
<li><a href="body.php">Body</a></li>
<li><a href="settings.php">Settings</a></li>

所以我用jQuery制作了一些动画，但我不得不使用preventDefault（）; 所以现在点击这些<a>标签中的任何一个我得到了我的花哨动画就是这样。对于索引我能够重定向，因为它基本上是index.php所以我写了以下内容：

$('a#logo').on('click', function() {
     setTimeout(function() {
          window.location.replace('index.php');
     }, 1100);
});

现在，因为为每个链接创建ID并使用jQuery编写它会太多了......这太过分了吗？

那么我怎么能告诉jQuery ...嘿嘿点击指定的<a>延迟重定向1秒钟，然后继续你之前的位置（将页面重定向到指定的href）。

我希望你们能理解我，我真的希望这是可能的！

Answer 1

$('a').click(function(e){
  e.preventDefault();
  var href = $(this).attr('href');  
  setTimeout(function(){
    window.location.href = href;
  }, 1100);
});

Answer 2

我认为你正在寻找这个：

$(this).attr('href');

因此：

$('li a').click(function(e){
  e.preventDefault();
  var href = $(this).attr('href');  
  setTimeout(function(){
    window.location.href = href;
  }, 1100);
});

Answer 3

您可以动态使用

$(this).attr('href')

获得目标。

点击时使用jQuery获取href

3 个答案: