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

Question

我有一个带有标题和 href 值的链接列表。我希望能够分别获得这些值，但我总是获得第一个链接的值。这是为什么？ 在这里看我的小提琴。如您所见 - 单击任何链接时，您总是从第一个链接获取值。我想设置这些变量是不够的：

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);
 }