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 1

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

Answer 2

:not()

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

Answer 3

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 4

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 5

Event bubbling, just event.target

Answer 6

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