data.forEach((i,index)=>{ $(".bottombingo").append(` <div class="bingodiv" style="margin-bottom:10px;" onclick="verxxggfb_id('\${i.id}')"> <div style="font-size:14px;font-weight:bolder;white-space:nowrap;overflow:hidden;">\${i.title}</div> <div style="font-size:12px;color:#3e3e3e;">\${i.operatedate}</div> </div>`) if(index == data.length-1){ //内部内容总高度 var height1 = $(".bottombingo").height(); var height2 = $(".bottombingo").parents('.card-table').height(); if(height1>height2){ //超出原本高度去进行上下走马灯 // setInterval(timerxxts,3000); var timer; // 定时器变量 // 启动定时器 timer = setInterval(timerxxts, 3000); // 鼠标进入 .bottombingo 时清除定时器 $(".bottombingo").on("mouseenter", function() { clearInterval(timer); }); // 鼠标离开 .bottombingo 时重新启动定时器 $(".bottombingo").on("mouseleave", function() { timer = setInterval(timerxxts, 3000); }); } } })修改这段代码,当i.time等于2023-05-24时,给bingodiv后边添加新的图标
时间: 2023-12-10 16:40:02 浏览: 64
PHP中foreach()用法汇总
可以在模板字符串中添加一个判断条件,如果当前遍历到的数据的operatedate等于"2023-05-24",则在bingodiv的结尾处添加一个新的图标。修改后的代码如下:
```
data.forEach((i,index)=>{
var iconHTML = ""; // 定义图标的HTML代码
if(i.operatedate === "2023-05-24"){
iconHTML = '<img src="icon.png" style="width:20px;height:20px;margin-left:5px;">';
}
$(".bottombingo").append(`
<div class="bingodiv" style="margin-bottom:10px;" onclick="verxxggfb_id('${i.id}')">
<div style="font-size:14px;font-weight:bolder;white-space:nowrap;overflow:hidden;">${i.title}</div>
<div style="font-size:12px;color:#3e3e3e;">${i.operatedate}${iconHTML}</div>
</div>
`);
if(index == data.length-1){
var height1 = $(".bottombingo").height();
var height2 = $(".bottombingo").parents('.card-table').height();
if(height1>height2){
setInterval(timerxxts,3000);
var timer;
timer = setInterval(timerxxts, 3000);
$(".bottombingo").on("mouseenter", function() {
clearInterval(timer);
});
$(".bottombingo").on("mouseleave", function() {
timer = setInterval(timerxxts, 3000);
});
}
}
});
```
其中,定义了一个iconHTML变量,通过判断i.operatedate是否等于"2023-05-24"来确定是否添加一个新的图标。如果需要修改图标的样式,可以调整iconHTML中的HTML代码。
阅读全文