将 class 添加到特定项目，该项目符合 if 语句但与其他元素具有相同的 class

Question

我正在为我的学校制作奖学金网站，如果奖学金截止日期已过，我想在奖学金中添加 class。每个奖学金都有 class.month.

HTML

<li class="month 11 start" data-due-date="11/11/2014 1:00">
    <time class="cbp_tmtime"><span>Nov. 11, 2014</span></time>
    <div class="cbp_tmicon"></div>
    <div class="cbp_tmlabel">
        <h2>November</h2>
        <p>Text</p>
        <br>
        <a href="#">Website</a> | <a href="#">PDF</a>
    </div>
</li>

<li class="month 12 start" data-due-date="12/11/2014 1:00">
    <time class="cbp_tmtime"><span>Dec. 11, 2014</span></time>
    <div class="cbp_tmicon"></div>
    <div class="cbp_tmlabel">
        <h2>December</h2>
        <p>Text</p>
        <br>
        <a href="#">Website</a> | <a href="#">PDF</a>
    </div>
</li>

Jquery

function getData(){
     var scholarship = $('.month');
     var data = $(scholarship).data("due-date");
     var dataDate = new Date(data);
     var today = new Date();


     if(dataDate < today){

     }

}

我已经寻找了好几天的方法来做到这一点，但我想不通。据我所知。请帮忙：/这让我很恼火。谢谢！

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

将 class 添加到特定项目，该项目符合 if 语句但与其他元素具有相同的 class

Adding a class to a specific item that is true to an if statement but has the same class as other elements

jquery

if-statement

addclass

HTML

Jquery