单击外部 div 和兄弟姐妹时隐藏 div

Question

我只想在您单击该 div 外部时隐藏 div“自动”。此时，如果您单击“more-stuff”，它将隐藏 div，因为您没有单击“auto”。所以我想我的问题是如何在 IF 语句中包含兄弟姐妹（顺便说一下，里面可能有很多 div，但“more-stuff”只是一个例子）。 <div id="auto">   <div id="more-stuff">      HIDE ALSO WHEN YOU CLICK IN HERE!   </div> </div> jQuery(document).click(function(e) {     if( e.target.id != 'auto') { // Hide when click outside of layer         jQuery("#auto").hide();     } });我希望点击兄弟元素也不会关闭 div

Answer 1

<div id="auto">

   Will Not Hide here

   <div id="more-stuff">

      NOT HIDE ALSO WHEN YOU CLICK IN HERE!

   </div>

</div>

<script>

   $(document).click(function(e){

     if ($(e.target).is('#auto,#more-stuff, #more-stuff *')) {

       return;

     }

     $('#auto').hide();

   });

</script>