On List Klicken Sie auf> Get Root UL ID

Question

Meine Liste sieht so aus;

<ul id="SiteNav" class="Mail New"> 
    <li class="Send"><a href="javascript:;" data-action="mail-send">Send</a></li> 
    <li class="Insert"> 
     <a href="javascript:;" class="Drop">Insert <i class="fa fa-angle-down"></i></a> 
     <ul> 
      <li><a href="javascript:;" data-action="mail-files-as-attachments">Files as attachments</a></li> 
      <li><a href="javascript:;" data-action="mail-pictures-inline">Pictures inline</a></li> 
      <li><a href="javascript:;" data-action="mail-share-from-BananzaCloud">Share from BananzaCloud</a></li> 
     </ul> 
    </li> 

Und dann beginnt mein Skript mit;

$(document).on('mousedown', function(e) { 

Auf allen Links auf diesem Menü geklickt, ich überprüfen möchten, ob die $ (e.target) ist ein Kind von id="SiteNav"

Answer 1

Sie alle Dokument Maus nach unten Ereignisse hören können, und filtern solche auf Basis von Ereignisziel

$(document).on('mousedown', function(e) { 

     if ($(e.target).parents('#SiteNav').length){ 

      //your code 
     } 
    }) 

oder ein besserer Ansatz direkt auf dem Menü Container

$('#SiteNav a').on('mousedown', function(e) { 
console.log('test'); 
})