jquery - 如何获取对单击的超链接的引用

Question

我知道我可以在超链接元素上使用 .click() 方法。但我怎么知道哪个元素被点击了呢？首先，我必须获得对超链接 ID 的引用。

假设我在查看源代码中有一个像这样的超链接页面:

<a href="addButton1" href="...someurl"><img src="somebutton"></a>
<a href="addButton2" href="...someurl"><img src="somebutton"></a>
<a href="addButton3" href="...someurl"><img src="somebutton"></a>
<a href="addButton4" href="...someurl"><img src="somebutton"></a>

当用户单击 addButton1 时，我如何知道首先单击的是 addButton1，以便我现在可以在其上应用 .click() 事件？

Answer 1

观察页面上所有链接的点击事件:

$("a").click(function (e) { 
      // this function fires anytime a hyperlink is clicked

      e.preventDefault();

      // reference $(this) to get at the specific 
      // link that fired the event, such as:
      alert($(this).attr('href')); // display href value of the hyperlink
    });

观察页面上链接子集的点击事件:

向您的超链接标记添加一个类。示例:<a class="observe" href="#">

并将上述函数事件签名更改为:

$("a.observe").click(function (e) { ... });