向特定项添加一个类,该类符合 if 语句但与其他元素具有相同的类

问题描述 投票:0回答:2
jquery if-statement addclass
2个回答
1
投票

您需要对每个

.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');
         }
     });
} 

0
投票

看起来您的 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 可能会有所帮助,以便在您的 中更轻松地定位和操作 .

© www.soinside.com 2019 - 2024. All rights reserved.