Jquery – 如何查看隐藏DIV中的子项是否可见？

我如何检查隐藏div中的div …如果可见或不可见？

HTML

<div style="display:none;">
  <div id="two_child"></div>
  <div id="three_child" style="display:none"></div>
</div>

JS

if($('#two_child').is(':visible'))
{
  alert('true');
}

这不行.

任何想法？

提前致谢！
彼得

解决方法

你可以检查一下css的display属性：

if ($("#two_child").css("display") != "none") {
    //...
}

正如Gaby在评论中指出的那样,如果使用可见性隐藏您的元素,这将无效,因此您可能希望将其扩展为：

var $child = $("#two_child");
if ($child.css("display") != "none" && $child.css("visibility") != "hidden") {
    //...
}