2009-07-27 11 views
35

どのように私は要素jQueryのスタイルの表示値

<tr id="pDetails" style="display:none"> 

の表示値を確認することができますが、私に'display:none'

を与えます'none'

これは可能ですか?

答えて

62

ただ、一つの引数

cssを呼び出します
$('#idDetails').css('display'); 

私はあなたの質問を理解しています。そうでなければ、クレタスの答えが欲しい。

+1

答えは間違っている可能性がある。私が間違っていると私は失礼ですが、 '.css()'は継承されたスタイルを含むことができる計算されたスタイルを返します。私はOPがインラインスタイルを得たいと思う。それは難しいことです! – JotaBe

0

これはあなたが尋ねたものを返しますが、私はこのようなCSSを使用することをお勧めしません。インラインCSSの代わりに外部CSSを使用してください。

$("tr[id='pDetails']").attr("style").split(':')[1]; 
+3

スタイル属性に表示以外のものがあるときに一般化されないため、これは悪いことです:blah(width:100のようなものは分割( ':')[1]に混ざります) –

16

まあは、一つにはあなたのepressionを簡略化することができます。

$("#pDetails").attr("style") 

のみ属性IDよりずっと速くなります任意のIDとIDセレクタのための一つの要素があるはずですので、あなたが使っているセレクター。

あなただけの表示値か何かを返したい場合は、CSSを使用します():

$("#pDetails").css("display") 

あなたはディスプレイどれも持っていない要素を検索したい場合は、それを確実に行うことが多くの困難です。これは100%ではありません荒い例である:

$("[style*='display: none']") 

しかし、あなたはちょうど隠されているものを見つけたい場合は、これを使用する:

$(":hidden") 
関連する問題