Блог

Как я могу ограничить отображение содержимого div JSON тремя? Теперь код показывает все элементы, загруженные из JSON. Я хотел бы вернуть только 3 divs.

 <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",
    }]
}
  

Если вы хотите получить только 3 элемента из массива, вы можете использовать slice() :

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

Это может быть ограничено в операторе if, чтобы гарантировать, что индекс не превышает 2.

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