[其它]jQuery怎么使用for循环,向多个元素中添加不同的图片

1.添加固定数量的图片
$(function(){
var tem = "";
for(i=0;i<=8;i++){
tem += "<div class='de"+parseInt(i+1)+"'><img src='img0"+parseInt(i+1)+".jpg'></div>";
}
$("body").append(tem);
})
2.添加不定数量的图片
$(function(){
var len = $("img").length;
var tem = "";
for(i=0;i<=len;i++){
tem += "<div class='de"+parseInt(i+1)+"'><img src='img0"+parseInt(i+1)+".jpg'></div>";
}
$("body").append(tem);
})
3.从数据库中查询出来的字符窜转数组的图片填充
数据库中存储的列的值为: ["a.jpg","b.jpg","c.jpg"]
注意：必须是双引号，否则不能JSON转换，会报错！！！
  let newArr = JSON.parse(data[0].lieMing);//（1）先把字符窜转换为数组；
  var tem = "";//(2)创建一个空的字符窜；
//（3）循环将数组中的下标值添加到tem中；
  for(var i=0;i<newArr .length;i++){
//注意src='' 包含拼接的路径!<单引号>，因为tem += " "，此处为双引号！
  tem += "<div><img src='images/"+newArr[i]+"' /></div>";
       }
  $("#divId").append(tem);