javascript - JS 代码检查日期，如果满足条件则突出显示包含该日期的元素

Question

我正在学习js。我正在寻找一个相对简单的脚本，该脚本将检查格式化为 HTML 文本的元素中的日期，并且始终采用 mm/dd 排列，例如今天的日期是 01/12。页面上有多个这样的元素，都有不同的日期:全部采用以下格式:

<td width="91" valign="middle" class="sem-date"><p align="center">03/27</p></td>

脚本应该:

1.打开页面时读取页面上包含.sem-date的所有元素。

2.设置一个条件，其中如果今天的日期是元素中的日期，或 5 天前的日期，则设置为 true。否则设置为 false。

3.如果为 true，则通过插入到元素中来突出显示元素。如果为 false，则不执行任何操作。

所以，如果 true 上面的元素将更改为:

<td width="91" valign="middle" class="sem-date" style="background-color: #FFFF00"><p align="center">03/27</p></td>

我想知道是否有人有小脚本来完成此任务或可以帮助我开始。

Answer 1

对于元素选择，请检查 Document.getElementsByClassName文档。这是一个纯 javascript 解决方案，但如果您需要在旧版浏览器中执行此操作，请尝试使用 jQuery's class selector 。

获得该类的元素列表后，您可以使用 traditional for ，一个native foreach function或jQuery's foreach (再次考虑旧版浏览器)。

要获取元素的 HTML 值，请使用 innerHTML attribute .

对于日期比较，使用 split 获取日/月值在斜杠字符上。并手动将其字段与新的 Date object 中的日期和月份字段进行比较.

最后，要更改元素的样式，请使用 style attribute .

这个问题可以有其他解决方案，但我认为这是一个常见的解决方案。