2016-01-11 23 views
7

私はCSSのクラス.helloを持っている:クラスをチェックする方法はCSSにありますか?

<style> 
    .hello { color:#ccc } 
</style> 

はどのようなスタイルではないか、存在してクラス.helloをチェックするためのjQueryを使用することができますか?
もちろん、<link href='style.css' />文書でもすべてのスタイルをチェックする必要があります。特定のスタイルが要素に適用されている場合は、次の

+1

http://stackoverflow.com/questions/983586/how-can-you-determine-if-a-css-class-exists-with-javascript –

+0

私はjqueryソリューションが必要です。答えがある場合は、それを下に置いてください。 –

+0

どのような主張? –

答えて

0

if ($('.hello').css('color') == '#CCC') { 
    // true 
} else { 
    // false 
} 
+0

あなたは私の質問を誤解しているかもしれません。スタイル文書にクラスが存在するかどうかだけをチェックしているかどうかです。 –

+0

@MinhAnhええと、私はあなたの要点を得ます。これは要素 ".hello"に適用されるスタイルをチェックします。したがって、要素にスタイルシートのスタイルを適用した場合、それは真です。ここでのことは、要素に期待される特定のスタイルやスタイルが手元にあることを知ることであり、それが存在するかどうかは、スタイルシートにあるかどうかというアイデアを確実に与えます。 – 4dgaurav

0

は、コードスニペットの下を参照してください(絶対かどうか、それはスタイルシートから来たことを確認していません)をチェックします、関数が見つかりクラスやIDを返しますスタイルシートまたはスタイルタグから渡します。見つからなければ空の文字列を返します。

<script type="text/javascript"> 
function getDefinedCss(s){ 
    if(!document.styleSheets) return ''; 
    if(typeof s== 'string') s= RegExp('\\b'+s+'\\b','i'); // IE 
capitalizes html selectors 

    var A, S, DS= document.styleSheets, n= DS.length, SA= []; 
    while(n){ 
     S= DS[--n]; 
     A= (S.rules)? S.rules: S.cssRules; 
      for(var i= 0, L= A.length; i<L; i++){ 
      tem= A[i].selectorText? [A[i].selectorText, 
A[i].style.cssText]: [A[i]+'']; 
      if(s.test(tem[0])) SA[SA.length]= tem; 
     } 
    } 
    return SA.join('\n\n'); 
} 
     console.log(getDefinedCss ('ui-helper-hidden')); 

        </script> 

あなたに適しているかどうか教えてください。

関連する問題