/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

0 vote154 views2 answers
How to show selected value in select box using jquery
Javascript jQuery
0 vote160 views1 answer
Jquery onscroll sticky header
Javascript jQuery
5 votes107 views2 answers
Jquery input type selector
Javascript jQuery
1 vote145 views1 answer
Jquery wordpress starter code
Javascript jQuery
0 vote164 views2 answers
Jquery change tabs
Javascript jQuery
0 vote156 views1 answer
How to create jquery function
Javascript jQuery
0 vote152 views2 answers
Get meta content jquery
Javascript jQuery
1 vote156 views1 answer
Jquery loop each tr in table grepper
Javascript jQuery
112 votes333 views6 answers
Jquery is checked
Javascript jQuery
25 votes188 views6 answers
Jquery scroll to top of element
Javascript jQuery