Question

I have this structure

<div>
    <ul>
        <li>...</li>
        <li....
        ...
    </ul>
</div>

and in Jquery

$(div).click(function(){...});
$(li).click(function(){....});

Now my problem is when I click on li, div click event also firing. how can set to only fire li click event when click on li.

Answer 1

Do the following:

$(li).click(function(e) {e.stopPropagation()...})