Jquery / Javascript Apply click on * but not on a specific element and his childs

Question

I'm looking for a way to do this :

$('*:not(#specific)').on('click',function(e){
  //execute code
});

//or : 

$('*').not('#specific').on('click',function(e){
  //execute code
});

To apply an action on every elements of the DOM but not on my specific div and childs.

But none of thems seems to work.

Basically, I try to set up a system like firebug who can apply an outline to the last children of the over element (this part is ok). But after keep the outline on the element select and open a dialog box. But the dialog box who appears when we click on a DOM element is also a part of this DOM which generate an infinite loop of events. I cannot use my dialog box properly.

Thanks anyway

Answer 1

Try this instead:

$('body *').not('#specific, #specific *').on('click',function(e){
  //execute code
});

This will ignore #specific and any of its children.

Answer 2

The second code that you've written is completely valid. You can refer to this answer.

It is basically a :not() selector:

$('*').not('#specific').on('click',function(e){
     //execute code
});

Answer 3

Thanks guys,

$('body *').not('#specific, #specific *').on('click',function(e){
  //execute code
});

Works perfectly.

And if I have to bind a click on #specific, I have to insert inside the previous code...

$('body #specific').on('click',function(e){
  //execute code...
});

Is that correct ?