使用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