Question

我有一些较小的div嵌套在一个更大的div中。 1个特定的小div #small和大div #large附加了jQuery click()事件处理程序。

问题：如何使得当一个较小的嵌套div内发生单击时，较大div的click()处理程序不会被触发，只有一个用于较小的div是？如果点击发生在其他较小的div中，则必须触发较大div的click()。

HTML

<div id="large">
    <div id="small"></div>
    <div id="small_2"></div>
    <div id="small_3"></div>
</div>

的jQuery

$("#large").click(function() {
    console.log('large');
}

$("#small").click(function() {
    console.log('small');
}

Answer 1

$("#small").click(function(e) {
    e.stopPropagation();
    console.log('small');
}