假设b.html里的img标签如下:

<img id="image1" src="">
<img id="image2" src="">
<img id="image3" src="">
<img id="image4" src="">
<img id="image5" src="">

使用jQuery读取a.json的代码如下:

$.getJSON("a.json", function(data){
   $.each(data.id, function(i, val){
       $("#image" + (i+1)).attr("src", "http://example.com/image_" + val + ".jpg");
   });
});

解释:

  • $.getJSON是jQuery提供的读取JSON文件的方法。
  • $.each是jQuery提供的循环遍历数组的方法。
  • data.id表示获取a.json文件里的id属性值,它是一个数组。
  • function(i, val)表示循环遍历数组,i表示数组下标,val表示数组元素。
  • $("#image" + (i+1))表示选择id为image1、image2、image3、image4、image5的img标签。
  • attr("src", "http://example.com/image_" + val + ".jpg")表示修改img标签的src属性值为"http://example.com/image_" + val + ".jpg",其中val是id数组里的每个值。

原文地址: https://www.cveoy.top/t/topic/bDR0 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录