假设有A和B两个div。A div中,存放了三个时间段。B div中,存放了二十四个时间段。这二十四个时间段中,有三个时间段,和A div中的三个相同。这时候,要将B div中的三个与A中一样的时间段去掉……
大概就是这样的逻辑。不过以下demo,B div的数据,是通过ajax向后台获取的。通过对比,再创建B div的数据。而A的数据,则是一开始就有的。
var data = data;
// 获取已放号时间段
var UpdateOrderForm_time = $(".UpdateOrderForm_time");
// 循环数据组二
for(var i=0; i<data.length; i++){
// 设置一个开关
var isTrue = false;
// 循环数据组一
for(var a=0; a<UpdateOrderForm_time.length; a++){
// 获取数据组二的单一数据
var xianpin = data[i].start+"-"+data[i].end;
// 将数据组二的单一数据和数据组二的数据对比,如果有相同的,则break跳出循环
if(xianpin == UpdateOrderForm_time.eq(a).find("span").eq(0).text().trim()){
// 如果有,则开关为true
isTrue = true;
// 程序跳出
break;
}
}
// 如果isTrue不为ture
if(!isTrue){
// 拼接字符串
var html = "<div _start='"+data[i].start+"' _end='"+data[i].end+"' class='s'><div class='sTitle'>"+data[i].start+"-"+data[i].end+"</div><div class='sText'><input class='layui-input' type='number' value='' placeholder='可为空' class='quantum_val' /></div></div>";
// 只给数据组二,创建不
$(".quantum").append(html);
}
}