【任务3如何动态的把数组里的每一个都渲染出来。 _事件】

任务3如何动态的把数组里的每一个都渲染出来。

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

事件

详细描述

截图

代码

var borNum = sessionStorage.getItem('dog');
var entrance = JSON.parse(borNum);
console.log(entrance);
var i = 0;

var box = $('.rongqi').append('<div class="row"><div class="shuiming"></div><div class="shuzi"></div></div>');
//先写一个盒子出来添加到容器里面，以便后面循环使用。
for (box = 1; box < entrance.length; box++) {
    $('.rongqi').append('<div class="row"><div class="shuiming"></div><div class="shuzi"></div></div>');
}
//利用上面写出来的盒子循环至entrance-1为止。

for (i; i < entrance.length; i++) {
    // $('.rongqi').append('<div class="row"><div class="shuiming">' + entrance[i] + '</div><div class="shuzi">' + (i + 1) +'号'+ '</div></div>');
    //循环出来的每一个i全部添加到容器里面的方式，主要部分' + entrance[i] + '   ' + (i + 1) +'号'+ '，只需要上面的3行代码，完成本页面。
    $('.shuiming').eq(i).html(entrance[i]);
    $('.shuzi').eq(i).text(i+1);
    //利用eq来把i的每一个都单独的添加到容器里面去。
}
$('.tousi').click(function () {
    window.location.href='./JS4-2.html'
})

编辑于2024-05-14