jquery - 使用 event.target 获取元素

Question

我基本上是在尝试从 event.target 获取目标元素，如果不是平等的过程。我怎样才能让下面的东西工作？

$(document).ready(function(){
   $(document).click(function(event) {

       if(event.target!='#contents') {  //If clicked element is not div #contents show alert .. //How can i achieve this ?
         alert("..");
       }

    });
});

Answer 1

利用

   //If clicked element id is not contents 
   if(event.target.id !== 'contents') {  
     alert("..");
   }

编辑 - 如果结构是您的评论使用的结构：

  if($(event.target).closest('div#contents').length === 0){
    alert('there is no div with id === "contents" in the ancestors of the clicked li');
   }

编辑 2 - 我的代码的解释。如果你有这个标记

<div id="contents"><ul><li>Item1</li><li>Item2</li></ul></div>

这段代码意味着

//event.target is a DOM element, so wrap it into a jQuery object
$(event.target)
        .closest('div#contents')//find a div element going up the dom tree. 
                                //This method returns a jQuery collection that it's 
                                //empty if the div is not found
        .length //the collection has a length 
                //property that is equal to the number of found elements