如何使用jquery分离单击

我有一个像这样的部门

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

如果我点击“编辑”，两个函数都会执行，我不希望这样，如果我点击“编辑”，只有他的函数会执行。 有没有关于如何分离这两个功能的想法

谢谢

您的选择器错误，您必须将

放在类名称之前，如

.edit

，

.user

更多

您可以使用toolike，它也适用于动态添加的元素

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

注意

您可以用dom中始终存在的任何静态父对象替换

body

。父元素越近，其性能越好

您的选择器错误，您必须将

放在类名称之前，如

.edit

，

.user

更多

您可以使用toolike，它也适用于动态添加的元素

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

注意

---

您可以用dom中始终存在的任何静态父对象替换

body

。父元素越接近，其性能越好。

首先，您需要更正选择器。您需要有一个

或

#

来表示名称前面的id或类

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

---

首先，您需要更正选择器。您需要有一个

或

#

来表示名称前面的id或类

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

---

选择器上的注释很好。不过我建议使用，因为元素似乎不止一次出现，可能是动态添加的。选择器上的注意事项很好。但我建议使用，因为元素似乎不止一次出现，可能是动态添加的。