jQuery - TimeAgo突出显示数字

时间:2015-08-12 07:09:17

标签: jquery timeago

我正在使用TimeAgo jQuery插件。

如何仅突出显示TimeAgo <abbr>代码中的数字?

格式应为

enter image description here

Online Demo

  

HTML

<abbr class="timeago" title="2008-07-17T09:24:17Z">July 17, 2008</abbr>
  

的jQuery

$("abbr.timeago").timeago();
  

CSS

abbr span{font-weight:bold;color:red;}

1 个答案:

答案 0 :(得分:0)

我对那些需要解决方案的人有同样的问题/愿望:

如果你打开jquery.timeago.js 有一个部分字符串:

 strings: {
    prefixAgo: null,
    prefixFromNow: null,
    suffixAgo: "geleden",
    suffixFromNow: "vanaf nu",
    inPast: 'elk moment',
    seconds: "minder dan een minuut",
    minute: "ongeveer een minuut",
    minutes: "<b>%d</b> minuten",
    hour: "ongeveer een uur",
    hours: "ongeveer <b>%d</b> uren",
    day: "een dag",
    days: "<b>%d</b> dagen",
    month: "ongeveer een maand",
    months: "<b>%d</b> maanden",
    year: "ongeveer een jaar",
    years: "<b>%d</b> jaren",
    wordSeparator: " ",
    numbers: []
  }

在这种情况下,我将它翻译成荷兰语并使其变得大胆,你可以使用跨度并设计风格。

time.timeago > span{ color:red;}

要改变的最后一点是改变以下行(194)

From:
$(this).text(inWords(data.datetime));
To:
$(this).html(inWords(data.datetime));

希望这会有所帮助。