我想下面的代碼會滿足我的需求檢測某些價值和改變它
$("td[style='background-color: #FFBBBB']").css('background-color', '#333');
但我面臨的問題是,每個td
有style
屬性,例如內不同的值工作:
font-weight: normal;background-color:#FFBBBB;
和上面的代碼似乎沒有執行,因爲有多個值。我如何解釋這一點?
本質上,我想要將背景色爲#FFBBBB
的元素更改爲另一種顏色。
我想下面的代碼會滿足我的需求檢測某些價值和改變它
$("td[style='background-color: #FFBBBB']").css('background-color', '#333');
但我面臨的問題是,每個td
有style
屬性,例如內不同的值工作:
font-weight: normal;background-color:#FFBBBB;
和上面的代碼似乎沒有執行,因爲有多個值。我如何解釋這一點?
本質上,我想要將背景色爲#FFBBBB
的元素更改爲另一種顏色。
利用Attribute Contains Selector [name*="value"]
$("td[style*=#FFBBBB]").css("background-color", "#333");
嗯,那工作!實際上我用星號試了一下,但沒有奏效。任何你爲什麼遺漏'background-color'的原因? – Katie
@Katie _「任何你爲什麼遺漏背景顏色的原因」_不確定空格字符是否出現在'background-color:'屬性和值'#FFBBBB'之間的'html'上?見問題 – guest271314
''(「td [style ='background-color:#FFBBBB']」)','font-weight:normal; background-color:#FFBBBB;'通常,瀏覽器自動格式化style屬性冒號和值之間有空格,但這不是依賴的東西。最好的解決方案仍然是使用CSS類。 –
任何機會,你可以把這些樣式的類,並使用樣式表試試?然後你可以使用css類選擇器。 –
首先使用類來創建那些背景顏色的元素 - 然後您將只需要按照該類來過濾/選擇元素,這更容易和直接。 – CBroe
@CBroe我在一個非常簡單的HTML API的擺佈。 – Katie