jQuery - 選擇一切，但

Question

我想使用jQuery來選擇頁面上除了某個div以外的所有內容。我的問題類似於this answer，但該解決方案只選擇div，我想選擇所有內容。

在這example Fiddle，我想選擇一切沒有，或不是一個元素的後代，一類「孩子」。所以點擊「孫子」和「孩子」不應該顯示日誌條目，但點擊「父母」或圖像會。

該頁面將有一個非常複雜的結構，因此像this這樣的東西不可行。

Answer 1

使用此代碼，此代碼排除.kids元素和的內部元素類

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

DEMO

Answer 2

你可以嘗試不選擇器

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

，或者如果你正在嘗試註冊一個事件處理程序，然後

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

Answer 3

使用e.currentTarget jQuery中

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