jQuery - 选择一切但是

Question

我想使用jQuery选择除某个div之外的页面上的所有内容。我的问题类似于this answer，但该解决方案仅选择div，我想选择 所有内容 。

在这个example Fiddle中，我想选择一个没有的东西，或者不是一个元素的后代，一类＆＃34;孩子＆＃34;。所以点击＆＃34;孙子＆＃34;和＆＃34;孩子＆＃34;不应该显示日志条目，而是单击＆＃34; parent＆＃34;或图像会。

该页面的结构非常复杂，因此this之类的内容不可行。

Answer 1

您可以尝试非选择器

$('body *').not('.kids, .kids *');

或者如果您尝试注册事件处理程序，那么

$(document).on('click', ':not(.kids, .kids *)', function(){
})

Answer 2

在jquery中使用e.currentTarget

$("#parent").not($('.kids')).click(function(e) {
    console.log(e.currentTarget);
});

Answer 3

使用此代码，此代码排除.kids元素和.kids类的内部元素

$('body').click(function(e) {
    if(!$(e.target).closest('.kids').length){
      console.log(e.target);
    }
});

DEMO