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

用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日

悬赏问题

  • ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
  • ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
  • ¥30 截图中的mathematics程序转换成matlab
  • ¥15 动力学代码报错,维度不匹配
  • ¥15 Power query添加列问题
  • ¥50 Kubernetes&Fission&Eleasticsearch
  • ¥15 報錯:Person is not mapped,如何解決?
  • ¥15 c++头文件不能识别CDialog
  • ¥15 Excel发现不可读取的内容
  • ¥15 关于#stm32#的问题:CANOpen的PDO同步传输问题