从两个不同的对象获取相应的值

时间:2013-07-03 09:07:17

标签: javascript jquery

我从ajax调用返回了一个对象,该对象是两个不同数组对象的组合。一个是乔布斯,第二个是这些工作的相应客户记录。返回的对象的格式如下..

  { "jobs" : [
         {jobID: 1,
          jobLocation: here
         },
         {jobID: 2,
          jobLocation: there
         }
    ],
    "customers" : [
         {customerID:1,
          customerName:Tom
         },
         {customerID:2,
          customerName:Sally
         }
    ]
   }

作业数组中的项目依次与客户数组中的客户相关。 (即第一个客户拥有第一个作业)如何迭代或解析然后遍历此对象以生成列表对象<li>,其中包含来自jobs数组的字段和来自相应对象的字段客户数组?谢谢

1 个答案:

答案 0 :(得分:3)

一个普通的旧的for-loop可能会完成这项工作:

var customers = obj.customers;
var jobs = obj.jobs;
var $ul = $("<ul></ul>");
for (var i = 0; i < customers.length; i++) {
   var customer = customers[i];
   var job = jobs[i];

   var $li = $("<li></li>").text(customer.customerName + " - " + job.jobLocation);
   $li.appendTo($ul);
}

$("#result").append($ul);

请参阅http://jsfiddle.net/XpQms/