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

标签 javascript jquery html json

如何将内容 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",
    }]
}

最佳答案

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

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

关于javascript - 如何将内容div json的显示限制为三个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39852137/

相关文章:

表单元素的 jQuery 选择器

javascript - 在 JQuery 中捕获表单输入

javascript - JSF 表单 - 提交 > 关注选定的输入

jquery - 垂直对齐div中的内容

html - 在 Reagent 中使用 HTML 模板(作为文件)

javascript - 没有setTimeout的vue点击动画

javascript - jQuery :contains with exclude

javascript - d3.js v4 - 嵌套选择

javascript - 如何使用 JavaScript 将标签 <br> 插入另一个标签?

javascript - JavaScript 中匿名函数的作用域问题