如何检查div是否为可见状态？

Question

我有这样的标签.

<li id="singlechatpanel-1" style="visibility: hidden;">
     //content
</li>

试着像这样检查:

$(".subpanel a").click(function() 
     {
        var chatterNickname = $(this).text();

        if(!$("#singlechatpanel-1").is(':visible'))
        {
            alert("Room 1 is filled.");
            $("#singlechatpanel-1").css({'visibility':'visible'});
            $("#singlechatpanel-1 #chatter_nickname").html("Chatting with: " + chatterNickname);
        }

如果condition总是返回false.如何检查此div的可见性状态？

Answer 1

is(':visible')检查display元素的属性,可以使用css方法.

if (!$("#singlechatpanel-1").css('visibility') === 'hidden') {
   // ...
}

如果display将元素的属性设置为,none则if语句将返回true.

Answer 2

检查它是否可见.

$("#singlechatpanel-1").is(':visible');

检查它是否隐藏.

$("#singlechatpanel-1").is(':hidden');

Answer 3

如果元素被jquery隐藏则使用

if($("#elmentid").is(':hidden'))

Answer 4

您可以使用.css()获取"可见性"的值:

 if( ! ( $("#singlechatpanel-1").css('visibility') === "hidden")){
 }

http://api.jquery.com/css/