将点击链接的目标网址传递给javascript / jQuery

Question

阅读此问答后，单击链接后，我便可以将特定div的URL传递给jQuery。 但是，我有页面的多个链接，我想在单击时将其各自的href值传递给jQuery。 现在，代码选择了页面上的所有链接：

jQuery(document).ready(function(){
  jQuery(".view-frontpage a").click(function (event) {
    href = $('.view-frontpage a').attr('href');
    event.preventDefault();
    alert(href);
   });
});

当前的结果是，无论单击哪个链接，它都会弹出一个对话框，显示页面上第一个链接的href属性。 如何更改此设置以使我获得刚刚单击的链接的href？

Answer 1

这应该工作。 更改：

href = $('.view-frontpage a').attr('href');

至：

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

Answer 2

首先，使用事件 委托是一个好主意，因此您实际上不必为页面上的每个链接创建处理程序。

在您的情况下，jQuery会将this在单击处理程序内绑定到click事件目标（已单击的元素），因此您需要执行href = $(this).attr('href'); 以获得所需链接的href。

这是使用新的jQuery on（）函数的完整代码（自1.7开始可用）

$(document).on('click', '.view-frontpage a', function(e) {
    alert($(this).attr('href'));

    e.preventDefault();
    return false;
});​​​