2009-07-27 97 views
35

我如何檢查元素的顯示值JQuery的風格顯示值

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

給我'display:none'

我想寫一個jquery腳本,將返回我顯示這是唯一的價值'none'

這可能嗎?

回答

62

只需撥打css用一個參數

$('#idDetails').css('display'); 

如果我理解你的問題。否則,你想cletus的答案。

+1

我認爲這答案可能是錯誤的。對不起,如果我錯了,但我認爲`.css()`返回計算風格,可以包括繼承樣式。我認爲OP希望獲得內聯風格。這是很難做的事情! – JotaBe 2012-05-29 16:51:24

0

這將返回你問,但我wouldnt推薦使用這樣的CSS。使用外部CSS而不是內聯CSS。

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

這是不好的,因爲它不推廣時,風格屬性不僅僅是顯示:等等(任何東西,如寬度:100,將混合到拆分(':')[1]) – 2009-10-30 14:51:36

16

好的,有一件事你epression可以簡化爲:

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

因爲只應該是任何給定的ID和ID選擇一個元素會比屬性ID 快你正在使用的選擇器。

如果你只是想返回顯示值什麼的,使用CSS():

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

如果你想搜索具有顯示沒有的元素,這是一個困難得多做得可靠。這是一個粗略的例子不會是100%:

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

,但如果你只是想找到那些隱藏的東西,用這個:

$(":hidden")