javascript - 如何突出显示段落中的日期？

Question

我正在尝试弄清楚如何使用(我假设)jQuery/Javascript 在段落中选择日期(注意:所有日期，而不仅仅是特定日期)。

举个例子，网站从数据库中获取了一堆文本，其中包含一个日期，格式如下:(DD/MM/YYYY)。我只想突出显示每次出现的时间，但我不确定该怎么做，因为有时日期可能是 02/09/2014 或 13/10/2014，所以我不能只搜索某个日期并突出显示它。

感谢任何帮助 :) 谢谢!

Answer 1

我想您可能正在寻找这样的东西。这是一个jsFiddle Example

  $("div").html($("div").html().replace(/(\d{1,2}\/\d{1,2}\/\d{4})/gi, "<span style='background-color:yellow;'>$1</span>"));

这里是上面相同的代码，只是在不同的行上以便于阅读。

    $("div")
   .html( 
      $("div")
        .html()
         .replace(/(\d{1,2}\/\d{1,2}\/\d{4})/gi, 
          "<span style='background-color:yellow;'>$1</span>"
       )
   );

首先，我们用左右括号对正则表达式进行分组。现在可以将其作为参数 $1 引用。然后我们寻找我们正在寻找的模式(不要忘记在末尾添加 gi 以便您查找所有出现的情况，而不仅仅是第一个。

然后我们用一个 span 标签替换我们的 find，这样我们就可以设置内容的样式，在本例中是黄色背景，我们仍然想要我们找到的日期，所以我们添加 $1 以将日期放在 span 标签中。

希望对你有帮助