qq_40619811 2022-06-13 21:22 采纳率: 89.8%
浏览 179
已结题

用js和jquery获取thymeleaf中list所有元素的值

你好,我想使用thymeleaf中的cangpinlist这个集合,遍历这个集合(cangpin.began指的是cangpinlist中每个元素cangpin的时间差),将时间差(相差天数等于0)或者时间(相差天数大于0)打印在名为cqc的div中。
这是html部分的代码

 <div id="cp" th:each="cangpin,cangpinStat:${cangpinlist}">
        <div id="cq" width="80%" height="auto">
        <img th:src="'/images/'+${cangpin.path2}">
            <p id="cqb" style="display:none" th:text="${cangpin.began}"></p>
            <div id="cqc" style="color: white"></div>
        </div>


这是js部分的代码,使用了jquery

 setInterval(function () {
        var time=new Date();
        var year=time.getFullYear();
        var month=time.getMonth()+1;
        var day=time.getDate();
        var hour=time.getHours();
        var minute=time.getMinutes();
        var second=time.getSeconds();
        if(month<10) month="0"+month;
        if(day<10)  day="0"+day;
        if(hour<10)  hour="0"+hour;
        if(minute<10)  minute="0"+minute;
        if(second<10)  second="0"+second;
        var ef=year+"/"+month+"/"+day+" "+hour+":"+minute+":"+second;
        var eg=$("#cqb").text();
        var eh=new Date(eg);
        var ei=new Date(ef);
        var ei=eh.getTime()-ei.getTime();
        var days=Math.floor(ei/(24*3600*1000));
        var leave1=ei%(24*3600*1000)    //计算天数后剩余的毫秒数
        var hours=Math.floor(leave1/(3600*1000))
        //计算相差分钟数
        var leave2=leave1%(3600*1000)        //计算小时数后剩余的毫秒数
        var minutes=Math.floor(leave2/(60*1000))
        //计算相差秒数
        var leave3=leave2%(60*1000)      //计算分钟数后剩余的毫秒数
        var seconds=Math.round(leave3/1000)
        console.log(" 相差 "+days+"天 "+hours+"小时 "+minutes+" 分钟"+seconds+" 秒")
        if(days==0) {
            $("#cqc").text("即将开售"+days+":"+minutes+":"+seconds);
        }
        if(days>0){
            $("#cqc").text("敬请期待"+eg+"开售");
        }

结果是console.log只打印了cangpinlist中第一个元素的内容,而第二个到最后一个元素的内容没有打印出来
而cqc显示的也是第一个元素的内容,第二个到最后一个元素的内容同样没有,不知道是为空还是undefined。
这是为什么呢?
还有,怎么样才能使thymeleaf把集合内所有元素通过js代码和jquery打印显示出来呢?

  • 写回答

1条回答 默认 最新

  • 你好!机器人 2022-06-13 22:14
    关注

    你循环之后,id重复了,改成class

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 8月5日
  • 已采纳回答 7月28日
  • 创建了问题 6月13日

悬赏问题

  • ¥88 用uniapp写一个多端的程序,用到高德地图,用高德的JSAPI吗?
  • ¥20 关于#c++#的问题:水果店管理系统
  • ¥30 dbLinq最新版linq sqlite
  • ¥20 对D盘进行分盘之前没有将visual studio2022卸载掉,现在该如何下载回来
  • ¥15 完成虚拟机环境配置,还有安装kettle
  • ¥15 2024年全国大学生数据分析大赛A题:直播带货与电商产品的大数据分析 问题5. 请设计一份优惠券的投放策略,需要考虑优惠券的数量、优惠券的金额、投放时间段和投放商品种类等因素。求具体的python代码
  • ¥15 有人会搭建生鲜配送自营+平台的管理系统吗
  • ¥15 用matlab写代码
  • ¥30 motoradmin系统的多对多配置
  • ¥15 求组态王串口自定义通信配置方法或代码?