Get li attribute using javascript or jquery.

[zohaib82]

Hi,

I want to get url attribute of li when user click on li.

<ul>
	<li url="http://www.google.com" id="1">Google</li>
	<li url="http://www.yahoo.com" id="2">Yahoo</li>
	<li url="http://www.bing.com" id="3">Bing</li>
	<li url="http://www.facebook.com" id="4">Facebook</li>
	<li url="http://www.amazon.com" id="5">Amazon</li>
</ul>

I found following but no idea how it will work

$('li').click(function() {
    alert($(this).data('url'));
});

Any idea how to get li url value when click using javascript or jquery?

- Thanks
Zohaib.

[zohaib82]

This topic is solved. following is the solution.

http://tech.avivo.si/tag/jquery-get-attribute-value/

[VIPStephan]

By the way: There is no url attribute for the li element in any current version of HTML. And also, IDs must not start with a number. They have to begin with any letter a-z or A-Z.