jquery li a 样式

最新推荐文章于 2021-03-06 14:53:34 发布

转载最新推荐文章于 2021-03-06 14:53:34 发布 · 266 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/GreenGrass/p/4993803.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用jQuery进行日期比较的方法，并根据比较结果动态修改网页元素样式的技巧。通过将当前日期与预设的开始和结束日期进行对比，实现对特定元素的样式调整，如更改图标源。此技巧适用于公告、活动等时间敏感内容的展示。

jQuery(".CwebtopNavContainer").find("li:last a").css("color","red");

jQuery(document).ready(function () {
           var MyDate=new Date();

           jQuery("#gsggDiv li").each(function(){
             var publicDate=new Date(jQuery(this).find(".gsggDatePublic").text());
             var overDate=new Date(jQuery(this).find(".gsggDateOver").text());
             if(Date.UTC(publicDate)<=Date.UTC(MyDate)&&Date.UTC(overDate)>=Date.UTC(MyDate))
             {
             jQuery(this).find(".gsggImage").attr("src","/nhb/Themes/Default/Css/Images/ico06.gif");
             }
   });
        });

转载于:https://www.cnblogs.com/GreenGrass/p/4993803.html