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');
})

在列表中单击＆gt;获取Root UL ID

1 个答案: