2016-12-06 4 views
0

私は私の親はこれらのCSSスタイルが適用されたかどうかを検出する必要があります。親要素でCSSスタイルをチェックするにはどうすればよいですか?

display: flex; 
flex-direction: column; 

私はa jQuery exampleが見つかりましたが(a)は、私はjQueryのを使用していない、と(b)は、私は完全な答えを理解していません。

+0

'parent.style.display ==" flex ";'ここでparentはあなたの親を表します。 – WasteD

+0

'style'属性で設定されたCSSのみを読み込むので動作しません – pwolaq

+0

' filter() 'で試してみてくださいhttp://api.jquery.com/filter/ – prasanth

答えて

3

あなたはwindow.getComputedStyle(element)を使用して、例えば、デフォルト値のためにあなたの特性を試験することができます

var element = document.getElementById("example"); 
var styles = window.getComputedStyle(element); 

if(styles.getPropertyValue("display") === "flex"){ 
    // element style display is flex 
} 
+0

このOPを試してください。これは正しいです。しかし、pwolaq、あなたが気にしないなら。 OPを啓発するためのOPの例を挙げてください。 (+1) –

+0

チップありがとう、 – pwolaq

1

あなたはjQueryのにフィルタを使用して見つけることができます。

$("#Myelement").parents() 
    .filter(function() { 
     return $(this).css("myCssItem") == "myCssValue"; 
    }).first(); 
+0

これは非常に非効率的な解決策です – pwolaq

関連する問題