jQuery: Get title and href values as variables

Question

I have a list of links with a title and a href value. I would like to be able to get these values seperately, but I always get the first link's values. Why is that? See my fiddle here. As you can see - when clicking a any of the link, you always get the values from the first link. I guess setting these variables isn't sufficient:

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

Any ideas?

Answer 1

You have to refer to the clicked element:

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

Answer 2

You need to change the code to this:

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