Javascript 相同的类：在Jquery中选择子类而不是父类

我的结构如下：

<div class="box blue">
    <div class="box red">

    </div>
    <div class="box green">

    </div>
</div>

这不起作用，因为如果我点击一个子框，我会触发点击父框

---

有人知道解决方案吗？

您应该使用

e.stopPropagation();

固定代码如下：

$('.box').click(function(){
    $(this).css({'background-color': '#fff'});
});

$('.box').click(function(e){
    e.stopPropagation();
    $(this).css({'background-color': '#fff'});
});

---

您应该使用

e.stopPropagation();

固定代码如下：

$('.box').click(function(){
    $(this).css({'background-color': '#fff'});
});

$('.box').click(function(e){
    e.stopPropagation();
    $(this).css({'background-color': '#fff'});
});