/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

2 votes368 views2 answers
Jquery is not defined error in wordpress
Javascript jQuery
14 votes354 views5 answers
/on in jquery
Javascript jQuery
23 votes314 views5 answers
Jquery replace text
Javascript jQuery
2 votes375 views1 answer
Prepend element jquery
Javascript jQuery
0 vote353 views1 answer
Jquery dynamic row number not working properly
Javascript jQuery
0 vote349 views1 answer
Create select option using jquery
Javascript jQuery
20 votes378 views5 answers
Get text selected option jquery
Javascript jQuery
0 vote356 views1 answer
Dynamic select option dropdown in jquery
Javascript jQuery
0 vote339 views1 answer
How to make html with jquery
Javascript jQuery
0 vote379 views1 answer
Jquery table each rows with class
Javascript jQuery