Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在段落中突出显示日期?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何在段落中突出显示日期?

Javascript 如何在段落中突出显示日期?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图弄清楚如何使用(我假设)jQuery/Javascript在段落中选择日期(注意:所有日期,而不仅仅是特定日期) 举个例子,网站从数据库中获取一组文本,其中包含一个日期,格式如下:(DD/MM/YYYY)。我只想每次都突出显示,但我不知道怎么做,因为有时候日期可能是2014年9月2日或2014年10月13日,所以我不能只搜索某个日期并突出显示 感谢您的帮助:)谢谢 这里有一个超级基本的正则表达式,可以找到“datelike”数字系列: \d{1,2}/\d{1,2}/\d{4} 在这里尝试

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

举个例子,网站从数据库中获取一组文本,其中包含一个日期,格式如下:(DD/MM/YYYY)。我只想每次都突出显示,但我不知道怎么做,因为有时候日期可能是2014年9月2日或2014年10月13日,所以我不能只搜索某个日期并突出显示


感谢您的帮助:)谢谢

这里有一个超级基本的正则表达式,可以找到“datelike”数字系列:

\d{1,2}/\d{1,2}/\d{4}

在这里尝试一下:

使用一些文本,如“这是2014年9月2日regex hero的一些文本。我认为在大多数情况下,它将适用于您在2014年9月3日所寻找的内容。”

事实上,这里有一些javascript可以使用(使用jquery):


这是2014年9月2日regex hero的一些文字。我认为在2014年9月3日,它在很大程度上可以满足您的需求。
$(文档).ready(函数(){
$(“div”).text($(“div”).text().replace(/\d{1,2}\/\d{1,2}\/\d{4}/,“被抓获”);
});

我想你可能在找这样的东西。这是一个

$(“div”).html($(“div”).html().replace(/(\d{1,2}\/\d{1,2}\/\d{4})/gi,“$1”);
这里是上面相同的代码,只是在不同的行上,以便于阅读

    $("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,
"$1"
)
);
首先,我们用左括号和右括号将正则表达式分组。现在可以将其作为参数$1引用。然后,我们寻找我们正在寻找的模式(不要忘记在末尾添加gi,以便查找所有出现的情况,而不仅仅是第一个

然后,我们用一个span标记替换我们的发现,这样我们就可以对内容进行样式化,在本例中是黄色背景,我们仍然需要找到的日期,因此我们添加$1以将日期放在span标记中


希望这有助于

你可能想考虑使用很多人,我对Web开发很新,我还没有遇到过这个问题。我会在这种情况下研究这个问题:在你看它的时候,你可能想要使用数字字符<代码> \d>代码>(相当于从0到9的任何数字)。。您可能还想量化它:
\d{1,2}
(要求此字符出现1到2次)。祝您好运!非常感谢,它成功了。该示例编写得也非常好。Tahnks a bunch man:d!
  $("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>"
       )
   );