/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

3 votes213 views4 answers
Get selected value of select2 dropdown in jquery
Javascript jQuery
0 vote199 views1 answer
Jquery is child of
Javascript jQuery
0 vote216 views2 answers
How to target two id using jquery
Javascript jQuery
0 vote199 views1 answer
How to remove link in image in jquery
Javascript jQuery
88 votes218 views6 answers
Jquery click
Javascript jQuery
12 votes199 views6 answers
Jquery option selected
Javascript jQuery
1 vote198 views1 answer
Jquery delete prev sibling
Javascript jQuery
0 vote162 views1 answer
Event handler attachment jquery
Javascript jQuery
11 votes281 views4 answers
Jquery input name value
Javascript jQuery
3 votes206 views2 answers
Jquery clone
Javascript jQuery