リスト上をクリック>ルートの取得ID

Question

私のリストはこのように見えます。

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

そして、私のスクリプトはで始まります。すべてのリンクで

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

このメニューをクリックし、私は$（e.targetが）あなたは、イベントの下のすべての文書のマウスを聞くと、をベースにしたものをフィルタリングすることができid="SiteNav"

Answer 1

の子であるかどうかを確認したいですイベントターゲット。

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

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

      //your code 
     } 
    }) 

またはメニューコンテナ

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