不是jquery点击功能

Question

我想设置display：none;上一个ID，但只有当你点击ID本身，而不是IMG在ID

$(":not('#lightbox img'),#lightbox").click(function() { 
     $("#lightbox").css("display", "none"); 
    }); 

有人可以告诉我怎么TE得到这个工作？

Answer 1

如果你点击ID本身

然后使用Event对象的target财产一样

$("#lightbox").click(function(e) { 
     if(e.target.tagName != 'IMG'){ 
      $("#lightbox").css("display", "none"); 
     } 
    }); 

更新只

，检查target的id

$("#lightbox").click(function(e) { 
      if(e.target.id == 'lightbox'){ 
       $("#lightbox").css("display", "none"); 
      } 
     }); 

Answer 2

做它，就像你写的，但改变的第一行：

$('#lightbox').find("*").add("#lightbox").click(function (event) { 
    $(this).is('img') ? event.stopPropagation() : $("#lightbox").css("display","none");});