/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

4 votes212 views2 answers
Jquery works until modal is shown
Javascript jQuery
0 vote264 views1 answer
Jquery rotate
Javascript jQuery
0 vote206 views1 answer
Age validation jquery
Javascript jQuery
10 votes193 views4 answers
Add table row jQuery
Javascript jQuery
0 vote202 views1 answer
Jquery add inline style
Javascript jQuery
12 votes210 views3 answers
Jquery get option data attribute
Javascript jQuery
3 votes210 views1 answer
Jquery check if element has class starting with
Javascript jQuery
10 votes186 views4 answers
Add span after input jquery
Javascript jQuery
18 votes227 views4 answers
Jquery disable input
Javascript jQuery
0 vote228 views1 answer
Jquery validate checkbox before submit
Javascript jQuery