您需要对每个
.month
元素进行测试
function getData(){
var scholarships = $('.month'),
today = new Date();
scholarships.each(function(){
var scholarship = $(this),
data = scholarship.data("due-date"),
dataDate = new Date(data);
if(dataDate < today){
scholarship.addClass('expired');
}
});
}
看起来您的 JavaScript 代码走在正确的轨道上。要向 scholarships 添加已过截止日期的班级,您可以使用 jQuery 中的
.addClass()
方法。这是代码的修改版本:
function getData() {
var scholarships = $('.month');
scholarships.each(function () {
var data = $(this).data("due-date");
var dataDate = new Date(data);
var today = new Date();
if (dataDate < today) {
$(this).addClass('past-due'); // Add a class if due date has passed
}
});
}
在此修改后的代码中,使用
addClass
方法将“逾期”类别添加到已过截止日期的奖学金中。您可以根据自己的喜好自定义班级名称。
确保在页面加载时或在适当的时间调用
getData
函数。另外,请确保在此脚本之前包含您的 jQuery 库。
此外,调整 HTML 结构以包含更具体的类或 ID 可能会有所帮助,以便在您的 中更轻松地定位和操作 .