javascript - Div 上的 jQuery 单击事件(子 Div 除外)

Question

我有以下 HTML:

<div class="server" id="32">
  <a>Server Name</a>
  <div class="delete-server">X</div>
</div>

我试图做到这一点，以便当用户单击server div时它会弹出一个编辑对话框。问题很简单:

 $(".server").click(function () {
     //Show edit dialog
 });

不起作用，因为如果他们单击“删除”X，则会弹出编辑对话框。如何让除delete-server div之外的整个div server都有点击事件。

Answer 1

$(".server").on('click', ':not(.delete-server)', function (e) {
     e.stopPropagation()
     // Show edit dialog
});

这是 fiddle :http://jsfiddle.net/9bzmz/3/