在Javascript中比较今天的日期之后替换CSS

Question

我有这个JS代码块，可以在表格单元格中动态生成日期。

'<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;
}

如果日期已经过去，我想用New CSS替换Current CSS类。

所以这就是我到目前为止所拥有的，

    var today = new Date();

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

Answer 1

你应该做一个removeClass和一个addClass。

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

不要忘记使用点（。）来选择一个类，它必须是一个字符串，除非它是一个javascript变量。

修改

您应该对选择器更加具体，因为上面的代码会更改类dateStyleBlue

中的每个元素

Answer 2

首先，我会给你的另一个课程参考，比如“table_row”。

然后，当您想要切换类时，请使用以下代码。

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

请记住使用点来按类引用！