嵌套div上的jQuery click()

Question

代码可能比我能更好地解释这个:

<div class="wrapper">
    <div class="inner1"></div>
    <div class="inner2"></div>
</div>

<script>
$('div').click(function(){
    var class_name = $(this).attr('class');
    do_something(class_name);
});
</script>

当我点击了inner1DIV,它运行的do_something()同时与inner1格和wrapper.

随着网站的建立,嵌套的div将会发生很多.有没有动态的方法来解决这个问题,只运行顶级div(在这种情况下inner1)？

Answer 1

用途stopPropagation:

$('div').click(function(e){
    e.stopPropagation();
    var class_name = $(this).attr('class');
    do_something(class_name);
});

另一方面:你确定这是你想要做的吗？您可能希望修改您的selector($('div'))以仅定位您想要的DIV.