javascript - 如何使用 jquery 将 CSS 添加到元素，仅使用一个类来标识该元素，并且仅当 innerHTML 中的时间在现在的 5 分钟内？

Question

就目前情况而言，这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放， visit the help center以获得指导。

已关闭 10 年前。

我有以下 HTML:

<td class="mw-enhanced-rc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;18:10&nbsp;</td>

我想使用 JavaScript 将时间加粗。

$('td[class^="mw-enhanced-rc"]').each(function() {
    this.style = this.style.fontWeight="bold";
}

↑ 不起作用，我该如何修复它？

那么，如何使我的页面仅在页面渲染当前时间一分钟以内的时间应用特殊格式？我的代码如http://en.wikipedia.org/wiki/User:Technical_13/common.js所示:

/* Refresh my WatchList page when viewing every minute */
if (document.location.href == "http://en.wikipedia.org/wiki/Special:Watchlist") {
    setTimeout(function(){location = ''},60000);
    var timeNow = new Date();
    var minNow = timeNow.getMinutes();
    var minNow = minNow - 5;
    timeNow.setMinutes(minNow);
    var postTime = $('td.mw-enhanced-rc').html();
    for (i=0;i<6;i++) {var postTime = postTime.replace('&nbsp;', '');}
    var postTime = postTime.replace('<span class="mw-enhancedchanges-arrow-space"></span>', '');
    var postTime = postTime.replace('<abbr class="newpage" title="This edit created a new page">N</abbr>', '');
    var postTime = postTime.replace('<abbr class="minoredit" title="This is a minor edit">m</abbr>', '');
    var postTime = postTime.replace('<abbr class="botedit" title="This edit was performed by a bot">b</abbr>', '');
    var postTime = postTime.replace('<abbr class="unpatrolled" title="This edit has not yet been patrolled">!</abbr>', '');
    var postTime = postTime.split(':', '2');
    var postHour = postTime[0];
    var postMin = postTime[1];
    var timePost = new Date();
    timePost.setHours(postHour);
    timePost.setMinutes(postMin);
    if (timePost >= timeNow) {
        $('td.mw-enhanced-rc').css({
            fontWeight: 'bold',
            fontSize: '12pt'
        });
    }
}

↑ 不起作用，我该如何修复它？我什至尝试添加:

var timePost = timePost.getTime();
var timeNow = timeNow.getTime();

就在最后的条件 if 语句之前没有帮助。感到沮丧...

我还创建了一个JSfiddle继续努力。

编辑:啊哈!看起来我的条件语句有效，但它只评估页面上的第一个实例!然后它应用 $('td.mw-enhanced-rc').css({fontWeight: 'bold', fontSize: '12pt'});到所有 div 元素，而不仅仅是具有合格的innerHTML 的元素。任何人都可以帮助我改进它，只更改符合条件的 div 元素的 css(可能通过注入(inject) style= 属性)吗？

Answer 1

您可以通过执行以下操作来简化它:

$('td.mw-enhanced-rc').css({fontWeight: 'bold'});