Div 上的 jQuery 单击事件（子 Div 除外）

我有以下 HTML：

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

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

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

不起作用，因为如果他们单击“删除”X，则会弹出编辑对话框。怎么才能让整个divserver有点击事件，除了delete-server div.

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

这是小提琴：http://jsfiddle.net/9bzmz/3/ http://jsfiddle.net/9bzmz/3/