javascript - How to write jquery to exclude an element and its sub-elements and select all other elements

Question

As shown in the picture, only clicking on the yellow and blue areas will execute the function. Clicking on the red area and the green sub-elements within the red will not execute the function. How to write it with jquery?

淡淡烟草味 · Answer

$('#yellow','#blue').click(function(){
    // dosomething...
})

世界只因有你 · Answer

:not()

http://www.w3school.com.cn/cs...

为情所困 · Answer

var _sel = true;
$(".red",".green").click(function{
_sel = false;
})
$('.yellow','.blue').click(function( ){
_sel = true;
})
if(_sel == true){
//Execute function
}
or

There is a public class to execute the function
$(class).click(funciton(){

    //执行函数

})

Red and green do not have this class

迷茫 · Answer

Finally, I first wrote a function that is executed when all elements are clicked. In the function, it is judged whether the className of the clicked element and the parent element of the element have the className. If it is true, the following content will not be executed

$(document).click(function(){
  if(!(event.target.className==="red"||event.target.parents().hasClass('red')){
    //执行相关操作
  }
}

阿神 · Answer

Event bubbling, just event.target

PHPz · Answer

There are siblings that may be able to solve this...