如何将内容div json的显示限制为三

Question

如何将内容div JSON的显示限制为三个？现在代码显示从JSON下载的所有项目。我想只返回3个div。

<div id="p"></div>

$.getJSON('element.json', function(data){
    var a = data.i;
    var d = $("<div class='p1'>");
    var ele = '';
    $.each(a,function(i,v){
        ele += "<div class='k'>"+ v.num + "</div>";
    });
    d.html(ele);
    $("#p").append(a);
});

{
    "i":[{
        "num": "1",
    },{
        "num": "1",
    },{
        "num": "3"
    },{
        "num": "4"
    },{
        "num": "5",
    }]
}

Answer 1

如果您只想从数组中检索3个元素，可以使用slice()：

var a = data.i.slice(0, 3);

Answer 2

这可能会在if语句中受到限制，以确保索引不超过2。

$.each(a,function(i,v){
    if (i>=3){
       return false;
    }
    ele += "<div class='k'>"+ v.num + "</div>";
});