javascript – So schreiben Sie eine JQuery, um ein Element und seine Unterelemente auszuschließen und alle anderen Elemente auszuwählen

Question

Wie im Bild gezeigt, führt nur ein Klick auf den gelben und blauen Bereich die Funktion aus. Durch Klicken auf die grünen Unterelemente innerhalb des roten Bereichs wird die Funktion nicht ausgeführt

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){
//执行函数
}
或者

要执行函数的有个公共的class
$(class).click(funciton(){

    //执行函数

})

红色和绿色的没有这个class

Answer 4

最后我先写了个所有元素点击都执行的函数，在函数内判断点击的元素的className和元素的父元素有没有该className，如果为true，则不执行下面的内容

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

Answer 5

事件冒泡，event.target就可以了

Answer 6

有个siblings或许能解决这个...