/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 vote146 views1 answer
Foreach loop table rows jquery
Javascript jQuery
17 votes148 views3 answers
Jquery submit form via ajax
Javascript jQuery
9 votes143 views2 answers
JQuery checkbox changed event
Javascript jQuery
24 votes264 views6 answers
Jquery get value of selected option
Javascript jQuery
34 votes138 views2 answers
Jquery global variable
Javascript jQuery
26 votes143 views6 answers
Scroll to div jquery
Javascript jQuery
12 votes151 views2 answers
Deserialize json jquery
Javascript jQuery
9 votes140 views4 answers
.empty() in jquery
Javascript jQuery
93 votes172 views6 answers
Document jquery
Javascript jQuery
0 vote137 views1 answer
Jquery if element appears
Javascript jQuery