Javascript jquery在json数组中循环

嗨，我有一个JSON数组，看起来像这样

 {
 "28": {
     "controllerID": "28",
     "DateDiff": "147",
     "CycleTime": "-52"
 },
 "30": {
     "controllerID": "30",
     "DateDiff": "117",
     "CycleTime": "-59"
 },
 "37": {
     "controllerID": "37",
     "DateDiff": "71",
     "CycleTime": "-56"
 },
 "40": {
     "controllerID": "40",
     "DateDiff": "59",
     "CycleTime": "-56"
 }
}

我要做的是为数组中的每个元素将数据放入一个DIV，如下所示

 <div class="box">
        <div class="col-md-12 Top">ZW01004</div>
        <div id="28C" class="col-md-12 Midbox"></div>
 </div>

其中数组的编号对应于DIV ID，因此对于本例 id为28C的div的值为-52

---

如何实现这一点？

这是对象，不是数组，但您可以使用for循环遍历它

var obj = 
{
 "28": {
     "controllerID": "28",
     "DateDiff": "147",
     "CycleTime": "-52"
 },
 "30": {
     "controllerID": "30",
     "DateDiff": "117",
     "CycleTime": "-59"
 },
 "37": {
     "controllerID": "37",
     "DateDiff": "71",
     "CycleTime": "-56"
 },
 "40": {
     "controllerID": "40",
     "DateDiff": "59",
     "CycleTime": "-56"
 }
};

    for (var key in obj) {
      console.log(obj[key]);
}

---

这是对象，不是数组，但可以使用for循环遍历它

var obj = 
{
 "28": {
     "controllerID": "28",
     "DateDiff": "147",
     "CycleTime": "-52"
 },
 "30": {
     "controllerID": "30",
     "DateDiff": "117",
     "CycleTime": "-59"
 },
 "37": {
     "controllerID": "37",
     "DateDiff": "71",
     "CycleTime": "-56"
 },
 "40": {
     "controllerID": "40",
     "DateDiff": "59",
     "CycleTime": "-56"
 }
};

    for (var key in obj) {
      console.log(obj[key]);
}

在下面为我工作

<script>


var jsonArr = {
 "28": {
     "controllerID": "28",
     "DateDiff": "147",
     "CycleTime": "-52"
 },
 "30": {
     "controllerID": "30",
     "DateDiff": "117",
     "CycleTime": "-59"
 },
 "37": {
     "controllerID": "37",
     "DateDiff": "71",
     "CycleTime": "-56"
 },
 "40": {
     "controllerID": "40",
     "DateDiff": "59",
     "CycleTime": "-56"
 }
};

$.each(jsonArr, function(key, val){
    console.log(key);
    console.log(val.controllerID);

    var html = '<div class="col-md-12 Top">'+val.controllerID+'</div><div id="'+val.controllerID+'" class="col-md-12 Midbox"></div>'

    $('.box').append(html);

});

</script>

在下面为我工作

<script>


var jsonArr = {
 "28": {
     "controllerID": "28",
     "DateDiff": "147",
     "CycleTime": "-52"
 },
 "30": {
     "controllerID": "30",
     "DateDiff": "117",
     "CycleTime": "-59"
 },
 "37": {
     "controllerID": "37",
     "DateDiff": "71",
     "CycleTime": "-56"
 },
 "40": {
     "controllerID": "40",
     "DateDiff": "59",
     "CycleTime": "-56"
 }
};

$.each(jsonArr, function(key, val){
    console.log(key);
    console.log(val.controllerID);

    var html = '<div class="col-md-12 Top">'+val.controllerID+'</div><div id="'+val.controllerID+'" class="col-md-12 Midbox"></div>'

    $('.box').append(html);

});

</script>

---

尽管您有一个对象而不是数组，但仍然可以使用jQuery的$.each函数。该函数可以获取一个对象。回调是一个键值对

变量数据={'28'：{ 控制员ID:28， 日期：147， 周期时间：-52 }, '30' : { 控制员ID:30， 日期：117， 周期时间：-59 }, '37' : { 控制员ID:37， 日期:71,， 周期时间：-56 }, '40' : { 控制员ID:40， 日期:59,， 周期时间：-56 }}; $document.readyfunction{ $.eachdata、functionkey、value{ $'body'。追加 $.addClass'box'。追加 $.addClass'col-md-12 Top'.htmlvalue.DateDiff 追加 $.attr'id'，value.controllerID+'C'.htmlvalue.CycleTime .addClass“col-md-12中盒” ; }; }; 身体{ 背景：DDD； } .盒子{ 边框：薄而实的黑色； 保证金：2倍； 背景：FFF； }

---

尽管您有一个对象而不是数组，但仍然可以使用jQuery的$.each函数。该函数可以获取一个对象。回调是一个键值对

变量数据={'28'：{ 控制员ID:28， 日期：147， 周期时间：-52 }, '30' : { 控制员ID:30， 日期：117， 周期时间：-59 }, '37' : { 控制员ID:37， 日期:71,， 周期时间：-56 }, '40' : { 控制员ID:40， 日期:59,， 周期时间：-56 }}; $document.readyfunction{ $.eachdata、functionkey、value{ $'body'。追加 $.addClass'box'。追加 $.addClass'col-md-12 Top'.htmlvalue.DateDiff 追加 $.attr'id'，value.controllerID+'C'.htmlvalue.CycleTime .addClass“col-md-12中盒” ; }; }; 身体{ 背景：DDD； } .盒子{ 边框：薄而实的黑色； 保证金：2倍； 背景：FFF； }

---

您是否已经拥有DIV，或者是否也应该创建DIV？还有，你试过什么？我们不完全是一个代码编写服务。您需要一个HTML字符串作为输出？@Mr.polywhill JSON对象，但您应该将它放在您的注释中，以便在您想要更正某人时使用…：DDo您已经拥有DIV，还是也应该创建DIV？还有，你试过什么？我们不完全是一个代码编写服务。您需要一个HTML字符串作为输出？@Mr.polywhill JSON对象，但您应该将它放在您的注释中，以便在您想要更正某人时使用…：D