如何將內容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);