jquery - 防止子div触发事件

Question

我试图阻止当用户单击子项或 div 时触发单击事件。

我有

<div class='test'>
   <div class='click1'>
     test 1

    </div>
   <div class='click1'>
     test 2

    </div>

   <div class='click1'>
     test 3

    </div>

</div>

我的jquery

  $('.test').click(function(e){

      e.stopPropagation(); //doesn't work
     alert('click!')

  })

我需要将点击事件注册到 .test div，并且我不希望在用户点击子 div 时弹出警报。

有办法做到这一点吗？非常感谢!

Answer 1

更新:

$('.test').click(function(e){
     if (e.target.className == 'click1') {
         return false;
     }
})

工作演示:http://jsfiddle.net/drDMK/

甚至是这样:

$('.test').click(function(e){
     if (e.target.className != 'test') {
         return false;
     }
})

工作演示:http://jsfiddle.net/drDMK/1/