如何将内容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

这可能在if语句，以确保该指数被限制不超过2

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

Answer 2

如果你只是想从该数组检索3个元素你可以使用slice()：

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