Question

您好我正在尝试逐个使用Javascript循环显示JSON文件数据。但我无法做到。我能够一次显示所有数据，甚至只使用Javascript Slice函数显示一个数据。

我如何循环循环并且可以一次显示一个数据。请在下面找到我的代码。现在这个代码将显示数据限制为1，如果我删除切片功能，我可以看到整个数据。

$(document).ready(function(e) {
//jobs('experiment','assets/js/job.json'); 
$('.announce-section').addClass('zoom');
$.getJSON("assets/js/job.json", function( result ){
    $('#wrapper header').html(result.title);
    $('#wrapper h2').html(result.subtitle);
        var rlength = result.jobs.length;
        alert(rlength);
        $.each(result.jobs.slice(0,1), function(key, field){
            var jlength = result.jobs.length;
            var img = field.image;
            $('.pattren').append('<div class="data screen'+key+'"></div>');
            if(img !='')
                {
                    $('.pattren .data').append('<img src="assets/img/'+field.image+'" />');
                }
        $('.pattren .data').append('<ul><li>'+field.label_1+'<span>'+field.description_1+'</span></li><li>'+field.label_2+'<span>'+field.description_2+'</span></li><li>'+field.label_3+'<span>'+field.description_3+'</span></li><li>'+field.label_4+'<span>'+field.description_4+'</span></li></ul>');
        });
});
});

Answer 1

两种方式：

只有一个div和更改字段放在容器中，如图像，描述等。
按数据生成div容器，如果有4名员工，则为4 div，并循环滑动。

如何使用Javascript循环遍历外部JSON文件数据？

1 个答案: