Question

我有一个标题和href值的链接列表。我希望能够单独获得这些值，但我总是得到第一个链接的值。这是为什么？ See my fiddle here。如您所见 - 在单击任何链接时，您始终可以从第一个链接获取值。我想设置这些变量是不够的：

var title = $('.mg_phones').attr('title');
var url = $('.mg_phones').attr('href');

有什么想法吗？

Answer 1

你必须引用点击的元素：

var title = $(this).attr('title');
var url = $(this).attr('href');

Answer 2

您需要将代码更改为：

var title = $(this).attr('title').toLowerCase();
var url = $(this).attr('href');

Answer 3

请改用$(this)。问题是$('.mg_phones')是包含该类的所有元素的数组，并且访问$('.mg_phones').attr(...)会选择第一个元素，因为它不知道您想要哪个元素。

但是$(this)指的是此上下文中当前点击的项目。

$('.mg_phones').click(function (event) {
    event.preventDefault();
    var title = $(this).attr('title').toLowerCase(); //this changed
    var url = $(this).attr('href');  //this changed
      if (title.length != 0) {
          $('#test').text(title + ": " + url);
 }

jQuery：获取标题和href值作为变量

3 个答案: