Best way to add exceptions in jquery select path

Question

let's say I want to link all the elements under

#mainDiv .user 

Besides

 #mainDiv #exception .user 

I can think of

 $('#mainDiv .user').bind('event',function(){ if($(this).parents('#exception').length>0){}else{ // do stuff; } }); 

or

 $('#mainDiv :not('#exception').find('.user').bind('event',function(){ if($(this).parents('#exception').length>0){}else{ // do stuff; } }); 

What's better?

Answer 1

I could suggest instead something like

 $('#mainDiv .user').not('#mainDiv #exception .user').bind('event',function() { //do stuff }); 

the not () function takes a pre-existing jquery set and removes elements from it that qualify for the selector, which is passed as a parameter.

Filtering the pool on the front panel is cleaner and more efficient (probably it doesn’t matter, but it’s good practice) than having both a selector and an if statement, and after you filter out the if statement is not needed.

as a side note, filtering for "#mainDiv # exception.user" seems strange to me. "#exception" should be the only unique identifier - unless you are worried that for some reason "#mainDiv" might be a child of "#exception".

Answer 2

First get all the elements, then delete the ones you want to exclude:

 $('#mainDiv .user').not('#mainDiv #exception .user').bind('event', function(){ // do stuff }); 

Answer 3

I would delegate the event:

 $( '#mainDiv' ).on( 'event', '.user', function () { if ( $( this ).parent().is( '#exception' ) ) { return; } // do your thing }); 

You can also check this.parentNode.id === 'exception' ...