找出图层的css是否为块jquery

Question

我正在试图找出一种是否显示图层的方法

if ($('.property > .evenprop').css('display','block')){
    $('.otherprop').show();
    }
    else {
    $('.otherprop').hide();
    }

如果这是真的那么

<div class="property">

<div class="evenprop" style="display:block">blah</div>

</div>

然后显示此图层

<div class="otherprop">blahblah</div>

$('.otherprop').show();

否则，如果这是真的

<div class="property">

<div class="evenprop" style="display:none">blah</div>

</div>

然后隐藏此图层

<div class="otherprop">blahblah</div>

$('.otherprop').hide();

似乎无法通过任何想法让这个工作？

由于

杰米

Answer 1

您正在寻找:visible伪类。

if ($('.property > .evenprop').is(':visible')){
    $('.otherprop').show();
} else {
    $('.otherprop').hide();
}

以上可以简化为

$('.otherprop').toggle($('.property > .evenprop').is(':visible'));

Answer 2

$('.property > .evenprop').css('display','block')将设置CSS。如果您需要检查使用:visible选择器

您可以使用以下内容：

if($('.property > .evenprop :visible').size!=0)

Answer 3

这也可行：

if ($('.property > .evenprop').css('display') == 'block'){ 
    //...
}