はチェリオ

Question

に隠された要素を検出私は、ノードを使用してWebページ上の要素を見つけるためにチェリオを使い始めると私は何かを苦労している：私はいくつかの要素がページに表示されているかいないかどうかを検出します。 1つの要素を隠す方法がいくつかあることがわかります。表示をnoneに設定し、可視性を非表示に設定し、要素自体のプロパティであるためチェックが容易です。

これらの特性は

$('element').css('property') === 'valueWhichHides'; 

として確認することができ、このアプローチの問題は、それが要素を隠すための別の方法をカバーしていないということです。その親の一部が表示されない場合があります。 getComputedStyleはこれを達成することができ、ブラウザ上で

が、チェリオと、それが機能していません。

それでは、どのように私はそれは、その両親のいくつかの隠されたチェリオとの隠された要素を検出することができますか？

Answer 1

がoffsetHeightによると、この

$(element).is(":visible"); 

Answer 2

を試してみてください、あなたは、このプロパティをテストすることがあります。値が0の要素が表示されていない場合です。

$(function() { 
 
    
 
    console.log("$('#btn').css('display') is: " + $('#btn').css('display')); 
 
    
 
    console.log("document.getElementById('btn').offsetHeight is : " + document.getElementById('btn').offsetHeight); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="div" style="display: none;"> 
 
    <buton id="btn">Clik Me</buton> 
 
</div>