关于列表点击>获取根UL ID

问题描述:

我的列表看起来像这样;关于列表点击>获取根UL ID

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

+0

'$(文件)。在( '鼠标按下', '#SiteNav',函数(E){' – Rayon

+0

@Rayon在听SiteNav是一个ID不是一个类,所以这不会工作 – Mivaweb

+1

@Mivaweb,编辑!谢谢;) – Rayon

孩子你可以听所有文件鼠标按下事件,并根据这些过滤器上事件目标。

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

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

      //your code 
     } 
    }) 

或更好的方法直接在菜单容器

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

添加一些解释给你的代码,使OP知道你在做什么! – Mivaweb

+0

无论我的菜单达到多少层次,这项工作是否可行?并且谢谢@Mivaweb –

+0

'if($(e.target).parents('#SiteNav')。length){'对于我需要做的事完美无缺,谢谢 –