jq each遍历，HTML拼接，str定义，点击获取当前id

小鱼儿 2022-06-01 00:54 222阅读 0赞

作者：LoveEmperor-王子様

var arrearsMsg = window.localStorage.getItem("arrearsMsg");
    
    var resData = eval("("+arrearsMsg+")");
    
    if (resData.arrearscount>0){
    
    
    
       $("#noDatacell").hide();
       var str1='';
       $.each(resData.data,function(i) {
          str1 += '<label class="checkbox" style="float: left;margin-left: 0.5rem;" >'+
             '<input type="checkbox" name="subBox"  checked="" style="width: 20px;height: 20px;" value="'+i+'"/>'+
             '</label>';
          str1 += '<div class="subconcell">'+'<span>路段泊位：</span>'+'<span>'+resData.data[i].roadName+resData.data[i].berthno+'</span>'+'</div>';
          str1 += '<div class="subconcell">'+'<span>入场时间：</span>'+'<span>'+resData.data[i].cometime+'</span>'+'</div>';
          str1 += '<div class="subconcell">'+'<span>出场时间：</span>'+'<span>'+resData.data[i].cometime+'</span>'+'</div>';
          str1 += '<div class="subconcell">'+'<span>欠费金额：</span>'+'<span>'+resData.data[i].paymoney+'</span>'+'</div>';
          str1 += '<hr style="height:1px;border:none;border-top:1px dashed #0066CC;width: 79.3%;margin-right: 20px" />';
    
          $("#containerDiv").html(str1);
       });
    }

`需要jq版本大于2`

<div id="mainView"></div>
     
    
    function domPlay() {
    
        // $("#noDatacell").hide();
        var str1='';
        $.each(resRecordsData,function(i,subobj) {
            str1 += '<div id="'+subobj.id+'" class="edRecordView">';
            str1 += '<div class="recorditem" style="margin-top: 0.2rem">';
            str1 += '<div class="subinvoicecell">'+ '<img src="../img/times.png" class="sublefticon" >'+'<span class="opentime">开票时间</span>'+'<span class="opentime2">'+timeStamp2String(subobj.createTime)+'</span>'+'<span class="openstatus">开票中</span>'+'<img class="subrighticon" src="../img/rightarrows.png">'+'</div>';
            str1 += '<div class="subinvoicecell">'+'<span class="subleftmoney">'+"￥"+subobj.kpMoney+'</span>'+'<button class="titletypebtn">个人</button>'+'</div>';
            str1 += '</div>';
            str1 += '</div>';
            $("#mainView").html(str1);
        });
    }
    $("#mainView").on("click",".edRecordView",function () {
        var cellid = $(this).attr("id");
        invoiceDetailsFunc(cellid);
    });