如何使用jquery / javascript将类添加到不同的元素,具体取决于它的日期?

时间:2015-03-05 19:41:44

标签: javascript jquery html css

例如,我有4个div。并且每个div都有特定的日/天,当必须添加一个类时,如下所示:


<div class="on-17 on-18"></div>
<div class="on-20"></div>
<div class="on-21"></div>
<div class="on-22"></div>
如果今天是当月的第17或第18个,我想在第一个div上添加活动类。有任何想法吗?我不是说我需要提取&#34; on-17&#34;得到17号,它可以是手动方法,只是检查某些&#39; on - #&#39; s,在这种情况下17,18,20,21,22。

例如,如果今天是2015-03-17,则会触发在<div class="on-17 on-18"></div>上添加活动课程 - &gt; <div class="on-20"></div>

1 个答案:

答案 0 :(得分:0)

你不需要jQuery来检查它的日期。你可以使用普通的Javascript。

var today = new Date();

if(today.getDate() === 17) {
  $('.on-17').addClass('active');
}

一个更加动态的实现,总是将类active添加到当天的div:

var today = new Date();
var dayOfMonth = today.getDate();

$('on-' + dayOfMonth).addClass('active');

如果您每天都有不同的编号类(假设您希望每天都有不同的颜色):

var today = new Date();
var dayOfMonth = today.getDate();

$('on-' + dayOfMonth).addClass('active-' + dayOfMonth); //Will add the class active-17 on the 17th day of each month, for example