Question

my UI is <li><a href='#'>hello</a></li>

anchor tag has already event handler i.e. click(function(){})
I want to give another click function to list items but its not working

Update – I only want to give event handler to list items not anchor tag as parent

Please suggest me

Answer 1

Here is an example. If you have this HTML

<li> <a href="#">Hello</a></li>

Then you can have this jquery handlers:

       $("li").click(function () {
            alert("li clicked");
        });

        $("li > a").click(function (e) {
            e.preventDefault();
            alert("anchor clicked");
            return false;
        });

Notice that you need the “return false;”.

Hope this helps,
-covo