Naturally <li> don't have url property but with the new HTML5, you can create one like so:
<li data-url="http://www.amazon.com" id="one"> item1 </li>
And then you can call it with:
$('li#one').click(function() {
alert($(this).attr('data-url'));
});
You cannot do this:
$('li').click(function() {
alert($(this).attr('data-url'));
});
Reason is because you have many list, so you need to loop troop them like so:
$('li').each(function() {
$(this).click(function() {
alert($(this).attr('data-url'));
});
});
Reference: http://api.jquery.com/each/