javascript - 如何使用 jquery 根据日期条件更改 css？

Question

在我的网页中，我有一个日期表(我的日期格式是 dd-mm-yyyy)

<tr>
    <td>05-03-2012</td>
    <td name="expiration">09-07-2012</td>
    <td>08-10-2012</td>
 <tr>

我想要的是在值大于当前日期时使用 Jquery 将到期日期设为红色。

所以，我想我将使用类似的东西:

<script>
//don't know how to retrieve the expiration date and check if it is after the
//current date 

$('td[name=expiration]').css({"color":"red"});
</script>

Answer 1

更喜欢使用类而不是名称，这样您的选择器会更有效率:

<tr>
    <td>05-03-2012</td>
    <td class="expiration-date">09-07-2012</td>
    <td>08-10-2012</td>
</tr>

var now = new Date;
$('.expiration-date').text(function (i, v) {
    if (now < new Date(v)) {
        $(this).addClass('unexpired');
    }
});

这是 jsFiddle 中的示例:http://jsfiddle.net/qRdNe/