/Javascript/jQuery/How to get href value of anchor tag in jquery in list

How to get href value of anchor tag in jquery in list

<ul class="sub_menu">
    <li><a href="caps">Caps</a></li>
    <li><a href="jeans">Jeans</a></li>
    <li><a href="shorts">Shorts</a></li>
    <li><a href="foootwear">Footwear</a></li>
</ul>


$('ul.sub_menu li a').click(function() {
    event.preventDefault();
    var txt = $(this).attr('href');
    alert(txt);    
});

Similar codes

-1 vote131 views2 answers
Jquery check if element is visible in viewport
Javascript jQuery
1 vote106 views3 answers
Jquery parent
Javascript jQuery
-1 vote129 views1 answer
Jquery shortcut keys plugin
Javascript jQuery
61 votes119 views4 answers
Jquery redirect
Javascript jQuery
5 votes124 views7 answers
Jquery to javascript converter online
Javascript jQuery
1 vote138 views1 answer
Jquery prevent event bubbling
Javascript jQuery
41 votes117 views2 answers
How to get a value using jquery
Javascript jQuery
46 votes127 views6 answers
Jquery checkbox unchecked
Javascript jQuery
72 votes180 views6 answers
JQuery refresh page
Javascript jQuery
5 votes126 views2 answers
Jquery in array
Javascript jQuery