/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 vote135 views1 answer
How to interrupt scroll with jquery
Javascript jQuery
1 vote138 views1 answer
Jquery toggle attribute disabled
Javascript jQuery
23 votes189 views5 answers
Smooth scroll jquery
Javascript jQuery
0 vote149 views1 answer
Reset form javascript/jquery
Javascript jQuery
0 vote139 views1 answer
Jquery get data from first column of table
Javascript jQuery
1 vote138 views1 answer
Reset div jquery
Javascript jQuery
0 vote139 views2 answers
Fade in onscroll jquery
Javascript jQuery
2 votes142 views2 answers
Change span value according to textfierld value in jquery
Javascript jQuery
2 votes135 views2 answers
Validation select option jquery
Javascript jQuery
3 votes193 views3 answers
Jquery code to javascript converter
Javascript jQuery