I have the following menu items generated by a template generator artisteer lt ul class art-vmenu gt lt li gt lt a href gt lt span class l gt lt span gt lt span class r gt lt span gt lt span class t gt Home lt span gt lt a gt lt li gt lt li gt lt a href gt lt span class l gt lt span gt lt span class r gt lt span gt lt span class t gt Create User lt span gt lt a gt lt li gt lt li gt lt a href class active gt lt span class l gt lt span gt lt span class r gt lt span gt lt span class t gt List Users lt span gt lt a gt lt li gt lt li gt lt a href gt lt span class l gt lt span gt lt span class r gt lt span gt lt span class t gt Admin lt span gt lt a gt lt li gt lt ul gt I want to capture the onclick event for lt li gt with a single jQuery function I ve tried this which is incomplete document ready function ul art-vmenu li click function e alert this I can go as far as seeing this is a HTMLliElement but cannot figure how to get the menu text or id for it How is menu click usually captured with jQuery

jQuery onclick event for <li> tags

Here, to get the text of the menu that triggered the event (does not seem to have any id):

 $(document).ready(function() 
 {
    $('ul.art-vmenu li').click(function(e) 
    { 
     alert($(this).find("span.t").text());
    });
 });

~ Answered on 2011-06-15 22:43:12