表格粗体的javascript

Question

我有一个javascript代码，他用粗体给我，但他只是粗略的时间 - 而不是旁边的文字而且我都会加粗它也可以加粗多个表

var hour = new Date().getHours() + 1;

$('table td:nth-child(1)').each(function (index, td) {
    if ($(td).text().indexOf(hour) == 0) {
        $(td).addClass('highlight-time');
    } else {
        $(td).removeClass('highlight-time');
    }
});

.highlight-time {
    font-weight: bold;
    color: blue;        
}

Answer 1

将课程添加到tr，如下所示：

var hour = new Date().getHours() + 1;

$('table td:nth-child(1)').each(function (index, td) {
    if ($(td).text().indexOf(hour) == 0) {
        $(this).closest('tr').addClass('highlight-time');
        // ^^^^^^^^^^^^^^^^^^
    } else {
        $(this).closest('tr').removeClass('highlight-time');
        // ^^^^^^^^^^^^^^^^^^
    }
});

演示：http://jsfiddle.net/tusharj/4myr3wqp/1/

修改

使用toggleClass：

$('table td:nth-child(1)').each(function (index, td) {
    $(this).closest('tr').toggleClass('highlight-time', ($(td).text().indexOf(hour) == 0));
});