jq实现数组遍历,并且点击当前列表进入详情页面并且携带信息

 

 

function getBankCardFn(){
ajax(findDriverBankUrl,{},"POST",function(res){
if(res.status == 0){
var htmls = "";
$.each(res.data,function(k,v){
htmls += `<div class="card flexrow" dataIfo = "${JSON.stringify(v).replace(/"/g, '&quot;')}">
<div class="left">
<div class="headImg">
</div>
</div>
<div class="right">
<h4 class="carName">${v.bankname}</h4>
<p class="chuxu">${v.bank_type}</p>
<p class="carnum">
<span>${v.banknumber.replace(/\s/g,'').replace(/(\d{4})(?=\d)/g,"$1 ")}</span>
</p>
</div>
</div>`;
});
$(".card-group").html(htmls);
}
})
}
$(document).on('tap','.card',function(){
var aa = $(this).attr('dataIfo');
console.log(JSON.parse(aa));
})

posted @ 2020-04-03 16:45  遇你温柔如初  阅读(801)  评论(0编辑  收藏  举报