jQuery - 检查子 div 是否可见

Question

我试图查看 li 的子 div 是否可见，如果可见，则向 li 应用一个类。这是我得到的，但它不起作用。

if(jQuery('#menu li').children('div').css('display') != 'none') {
    jQuery('li', this).addClass('dropHover');
}

Answer 1

if (jQuery('#menu li > div').is(':visible')){
    //...
    jQuery('li', this).addClass('dropHover');
}

我不知道什么是 DOM 结构或者什么 this指的是，但这也可能有效:

jQuery('#menu li:has(div:visible)').addClass('dropHover');

它将类“dropHover”添加到所有 <li>具有可见 <div> 的元素
并且它们需要是具有菜单 id 的元素的子元素。