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

我有一个标题和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(...)的所有元素的数组$('.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); }