如何用jquery分隔点击次数

Question

我有这样的div ......

<div class="user">
     <div class="info">
     .....
     </div>
     <div class="edit">
        Edit
     </div>
</div>

ON jquery我有这样的事情：

 $('user').click(function(){...});
 $('edit').click(function(){...});

如果我点击“编辑”两个函数执行，我不想要，如果我点击“编辑”只有他的功能应该发生。 关于如何分离这两个函数的任何想法？

由于

Answer 1

$('.edit').click(function(e){
   e.stopPropagation();
});

您的选择器错误，您必须将.放在类.edit，.user等类名之前。

更多Class Selectors

.stopPropagtion()

您也可以使用.on，这也适用于动态添加的元素

$('body').on('click','.edit',function(e){
      e.stopPropagation();
});

注意

您可以将body替换为dom中始终存在的任何静态父级。父元素越接近它就越好。

Answer 2

首先，您需要更正您的选择器。您需要.或#来表示名称前面的ID或类。

$(".edit").click(function(e){
   e.stopPropagation();
});