javascript - 使用 JQuery 动态确定点击了哪个链接

Question

所以我正在开发仪表板（单页）类型的应用程序，并且我有一组链接：

<a href = "#">3s01</a>
<a href = "#">5e02</a>
<a href = "#">2k01</a>
<a href = "#">3a01</a>
<a href = "#">5j01</a>
etc...

填充标记之间的文本的方式是使用 JQuery 从 xml 文件中获取数据。因为 xml 文件可以更改，所以链接不是静态的。我的任务是能够单击链接并找出标签之间的文本是什么，以便我可以相应地在页面上填充表格。唯一的问题是我不知道如何使用 JQuery/Javascript/html/whatever 获取这些数据。任何帮助将非常感激！

Answer 1

this在处理程序中使用。

$('a[href="#"]').click(function() { alert(this); });

---

要获取文本，请使用.text()...

alert($(this).text());

---

或者没有官方支持但更快的版本，$.text()...

alert($.text([this]));

Answer 2

$('a[href=#]').on('click', function(e) {
  e.preventDefault();
  alert($(this).text());
});

但是如果你a是动态生成的，这意味着在 DOM 准备好之后生成，那么你应该尝试

$('body').on('click', 'a[href=#]', function(e) {
     e.preventDefault();
     alert($(this).text());
}); 

在这里，body您可以使用已经属于 DOMANY Valid Selector的标签的父级。a

阅读更多关于.on()