2015-12-01 20 views
0

我有一個頁面應用程序,其中一些字段包含一個權重。如果重量是磅,我想用海藍寶石表示,如果以千克爲單位的黃色。要使用的顏色是sUnitColor。所有包含重量的字段都有class='weight'。我改變顏色:JavaScript訪問表中的類td

$('.weight').css('color',sColorUnit); 

這整個頁面正常工作,除了表TD細胞內,即使他們有class='weight'。他們保持不變。

有沒有什麼特別的表格單元格排除這種工作?

我也試過:

$('td .weight').css('color',sColorUnit); 

但是,這並不工作。

任何和所有的建議將不勝感激。

回答

4

您不能在td.weight之間添加空格,因爲空間會使您的選擇器變爲Descendant Selector (「ancestor descendant」)。選擇器td.weight表示具有類別weight的所有tds

$('td.weight').css('color',sColorUnit); 
+0

@Amadan更多的解釋評論。這是令人困惑的 – guradio

+1

@guradio:沒有必要,它服務於它的目的:)(但如果好奇,請查閱[s ///](http://perldoc.perl.org/functions/s.html),然後請注意Adil's編輯)。 – Amadan

0

如果類是在同一元素不使用元素 和類之間的任何空間,如果空間是存在的,這意味着元素有一個類 這個名字。

試試這個:

$('element.classname').css({color:sColorUnit});