Question

I have a div which contains some other divs inside and some <a>‘s

I’m binding a click handler to this parent div but if u click the <a>‘s inside this div it also triggers the handler. I tried to bind another click handler to these <a>‘s and use event.stopPropagation() but that doesn’t seem to work.

any ideas?

Answer 1

$("#parent *").on("click", function(e) {
    if ( e.target.nodeName.toLowerCase() == 'a' ) {
        e.stopPropagation();
    }

    ... your original code ...
});