用Javascript比較今天的日期後替換CSS

我有這塊JS代碼可以在表格單元格中動態生成日期。用Javascript比較今天的日期後替換CSS

'<td class="dateStyleBlue" data="date"><span id = "' 
+ customers.ProductID + 'date">' + util.utility(customers.GetDate) 
+ '</span></td>'

當前CSS

.dateStyleBlue{ 
    color: blue; 
    text-align:center; 
    font-size: 10px; 
}

新的CSS樣式

.dateStyleRed{ 
    color: red; 
    text-align:center; 
    font-size: 10px; 
}

我想用新的CSS，以取代目前的CSS類，如果今天的日期是過去。

所以這裏是我到目前爲止，

var today = new Date(); 

    if (customer.GetDate < today) { 
     $(dateStyleBlue).replaceWith(dateStyleRed);  
    }

你在這裏失去了一些東西每一個元素'.util.utility' – elclanrs

缺少標籤。有一個''標籤沒有開瓶器 –

你期望'customer.GetDate'做什麼？ –

你應該做一個removeClass和一個addClass。

if (customer.GetDate < today) { 
     $('.dateStyleBlue').removeClass('dateStyleBlue').addClass('dateStyleRed');  
}

不要忘記用點（。）來選擇一個類，它需要是一個字符串，除非它是一個JavaScript變量。

編輯

你應該更具體與您的選擇，因爲上面的代碼將改變與類dateStyleBlue

2013-07-24 00:03:59 L105

是的，它應該如果GetDate返回一個Date（）。 – L105

是的，它返回日期，但它不工作的原因..我需要把這個新的代碼低於代碼塊？ – user1781367

你可以發佈一個jsFiddle，以便我可以看到有什麼問題嗎？ – L105

首先，我會給你另一個類的引用，說「table_row」。

然後當你想切換類時使用下面的代碼。

$(".table_row").removeClass("dateStyleBlue"); 
$(".table_row").addClass("dateStyleRed");

記得用點來引用類！

2013-07-23 23:59:22

是可能的嗎？ – user1781367

@ user1781367這是必需的。 – Charlie

，但它不工作，我已經嘗試..這就是我在這裏發佈的原因 – user1781367

回答