2015-07-11 90 views
0

我想下面的代碼會滿足我的需求檢測某些價值和改變它

$("td[style='background-color: #FFBBBB']").css('background-color', '#333');

但我面臨的問題是,每個tdstyle屬性,例如內不同的值工作:

font-weight: normal;background-color:#FFBBBB;和上面的代碼似乎沒有執行,因爲有多個值。我如何解釋這一點?

本質上,我想要將背景色爲#FFBBBB的元素更改爲另一種顏色。

+0

任何機會,你可以把這些樣式的類,並使用樣式表試試?然後你可以使用css類選擇器。 –

+1

首先使用類來創建那些背景顏色的元素 - 然後您將只需要按照該類來過濾/選擇元素,這更容易和直接。 – CBroe

+0

@CBroe我在一個非常簡單的HTML API的擺佈。 – Katie

回答

1

利用Attribute Contains Selector [name*="value"]

$("td[style*=#FFBBBB]").css("background-color", "#333"); 
+0

嗯,那工作!實際上我用星號試了一下,但沒有奏效。任何你爲什麼遺漏'background-color'的原因? – Katie

+0

@Katie _「任何你爲什麼遺漏背景顏色的原因」_不確定空格字符是否出現在'background-color:'屬性和值'#FFBBBB'之間的'html'上?見問題 – guest271314

+0

''(「td [style ='background-color:#FFBBBB']」)','font-weight:normal; background-color:#FFBBBB;'通常,瀏覽器自動格式化style屬性冒號和值之間有空格,但這不是依賴的東西。最好的解決方案仍然是使用CSS類。 –