How to determine if child was clicked in Jquery

Question

Is there a ways in jQuery to tell which child was clicked if the onclick event was binded to the parent?

For instance:

  $(\'#daddy\').click(function ()          


        

Answer 1

use event.target to get the really clicked node:

$('#daddy span').on('click',function(event){
    if(event.target.nodeName=='BUTTON'){//Was clicked a button
        ....
    }
    if(event.target.id=='id'){//Was clicked #id
        ....
    }
    ...
});