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, wird die Funktion nur durch Klicken auf den gelben und blauen Bereich ausgeführt. Wenn Sie auf den roten Bereich klicken, wird die Funktion nicht ausgeführt.

淡淡烟草味 · 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){
//执行函数
}
或者

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

    //执行函数

})

红色和绿色的没有这个class

迷茫 · Answer

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

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

阿神 · Answer

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

PHPz · Answer

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