Can I create a selector with multiple elements using jquery nearest ()

Question

I have a listener for click events, from which I need to exclude some elements.

Now my list is growing, so I'm looking for the best way to "stratify" several elements in the selector.

This is what I have:

$(document).on('click tap', function(event) {               
    if ($(event.target).closest('div:jqmData(panel="popover")').length > 0 ||
        $(event.target).closest('div.pop_menuBox').length > 0 ||
        $(event.target).closest('.toggle_popover').length > 0 ) ||
        $(event.target).closest('.ui-selectmenu').length > 0 {
          return; 
    }
    // do stuff
});

Is there a better way to exclude these elements?

Thanks for the help!

Answer 1

You can specify a CSS selector, which means: you can use a comma to specify two or more selectors:

if($(event.target).closest('div:jqmData(panel="popover"), div.pop_menuBox, .toggle_popover, .ui-selectmenu').length > 0) {
    return; 
}

Answer 2

Use a comma.

if ($(event.target)
     .closest('div:jqmData(panel="popover"), div.pop_menuBox, .toggle_popover, .ui-selectmenu').length > 0) {
     return; 
}

Answer 3

According to the jquery documentation, you can provide more than one selector for the closest: http://api.jquery.com/closest/