事件处理程序中的 JQuery 选择器

Question

假设我有一个带有 div 和三个子 div 的标记:

<div class='all'>
   <div class='x'>Hello from x div</div>
   <div class='y'>Hello from y div</div>
   <div class='z'>Hello from z div</div>
</div>

通过我的事件处理程序，当用户单击类 x 的 div 中的某个位置时，我会进行处理。

$('.all').on('click', '.x', function (e) {
   alert('You clicked inside the x div')
});

现在我的问题来了。我可以编写一个事件处理程序来响应所有不是来自类 x 的点击的事件吗？像这样的东西:

$('.all') * .not. * on('click', '.x', function (e) {
   alert('You clicked inside something different from the x div')
});

Answer 1

是的，您可以使用 jQuery :not选择器

$('.all').on('click', ':not(.x)', function (e) {
   alert('You clicked inside something different from the x div')
});