child action doesn't trigger parent jquery

Question

I have couple <a> within a parent div which will perform a specific action when clicked. How can I make it so that when user clicks each <a href="xxxx"> , user will only get linked to other pages and the parent function will not be triggered?

Answer 1

Stop the click event from bubbling up to the parent, like so:

$("a").click(function(e) {
    e.stopPropagation();
});

See event.stopPropagation

Demo.