javascript - $(document.documentElement) 目标特定元素

Question

我有这样一个函数:

jQuery(document.documentElement).on('click touch', function(e) {
    // check if $(e.target) matches with $('ul#menu-navigation > li.menu-item')
    // or any child elements within this particular div.
});

如何制作一个 if 语句检查 e.target 是否与 $('ul#menu-navigation > li.menu-item') 匹配 或此 特定 div 中的任何子元素。

例如，像这样的东西:

if ( $(e.target) == $('ul#menu-navigation > li.menu-item') ) {
    // user clicked on this div or any child divs within this element
} else {
    // user clicked anywhere outside of this div
}

Answer 1

使用closest()从目标开始向上看

jQuery(document).on('click touch', function(e) {
    if($(e.target).closest('ul#menu-navigation > li.menu-item').length){
      // is within a menu item
    }   
});