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的元素的子元素。