/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

31 votes145 views4 answers
Remove jquery
Javascript jQuery
2 votes156 views1 answer
Jquery delete grand parent of clicked element
Javascript jQuery
22 votes192 views6 answers
Check radio button jquery
Javascript jQuery
2 votes163 views3 answers
Jquery get element tag
Javascript jQuery
4 votes142 views3 answers
Jquery get selected checkboxes
Javascript jQuery
4 votes163 views1 answer
Declare * angular jquery
Javascript jQuery
0 vote159 views1 answer
Uncaught typeerror e.indexof is not a function jquery load
Javascript jQuery
13 votes157 views3 answers
Jquery switch class
Javascript jQuery
0 vote150 views1 answer
Jquery post form async
Javascript jQuery
0 vote177 views1 answer
Filter div jquery
Javascript jQuery