阻止执行父事件处理程序

我有一棵 div 树：

<div id="a" onclick="func">
    <div id="b" onclick="func">
         <div id="c" onclick="func">
         </div>
    </div>
</div>

当单击 div 时，它会使其子级不可见 - 即单击“a”将使“b”和“c”不可见。

function func{
   if ($(childId).hasClass("visible")){
    $(childId).removeClass("visible");
    $(childId).addClass("invisible");
}

问题是：单击“b”将调用“a”的单击，并使“b”和“c”不可见。如何使用 jQuery 禁用“a”的点击？

thanks

您可以为子级添加一个处理程序，以防止单击事件向上传播：

function handler(event) {
    event.stopPropagation();
    // now do your stuff        
}
$('#a').add('#b').click(handler);

这样点击即可'#b'不会传播到'#a'。也不会点击'#c' go to '#b'，因此不'#a'.