Bind element and its children in jQuery

问题:

I'd like to bind an event to an element and its children. What is the best way to do this?

$(element).bind('click', function(event) {
    doSomething();
});

回答1:

$(element).bind('click', function(event) {
    doSomething();
}).children().bind("click",function(event){
    // code to handle children click here
    event.stopPropagation(); // if you don't want event to bubble up
});

回答2:

The code you have will do just that.

Look in the event's target field to find out which actual child node saw the event.