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 / how获取数据。任何帮助将不胜感激！

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代替ANY Valid Selector而不是属于DOM的a代码的父代。

详细了解 .on()

动态确定使用JQuery单击了哪个链接

2 个答案: