/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 vote298 views1 answer
Uncaught TypeError: jQuery(...).jqGrid is not a function
Javascript jQuery
24 votes280 views4 answers
Jquery add attribute
Javascript jQuery
59 votes308 views3 answers
Jquery element css
Javascript jQuery
0 vote323 views1 answer
Jquery use variable in string "without" concatenate
Javascript jQuery
21 votes285 views4 answers
Check one checkbox at a time jquery
Javascript jQuery
0 vote323 views1 answer
Remove all index from array except the one jquery
Javascript jQuery
0 vote330 views1 answer
Jquery populate select from json
Javascript jQuery
0 vote322 views1 answer
Change li position in ul jquery
Javascript jQuery
0 vote331 views1 answer
Jquery plugin for searchable dropdown
Javascript jQuery
1 vote329 views1 answer
How to remove id in jquery
Javascript jQuery