jQuery的檢查，如果的CSS屬性設置

Question

我的代碼看起來像這樣

if($(element).css("background-color") == null){ 
    $(element).css("background-color", "white"); 
} 

我要確保，如果顏色沒有在style.css文件中設置，我添加它。但是，該代碼不起作用。它總是返回rgba(0,0,0,0)。我正在使用的瀏覽器是Chrome。

是否有另一種方法來檢查顏色是否沒有設置？

Answer 1

elclanrs建議的方法是處理這種問題最優雅的方法，應該是首選的方法。但是，爲了滿足好奇心，您可以使用jQuery Attribute Contains Selector來獲得相同的結果。

$("div[style*='background-color']").text("I have a background color!"); 

jsFiddle demo

Answer 2

CSS：

.background-set { background-color: white; } 

的jQuery：

var $el = $(element); 

if(!$el.hasClass('background-set')){ 
    $el.addClass('background-set'); 
} 

雖然我不知道爲什麼你需要檢查。你可以在沒有條件的情況下添加它。

---

或者：

if ($el.prop('style').backgroundColor == '') { 
    ... 
} 

或

if ($el.get(0).style.backgroundColor == '') { 
    ... 
}