使用jQuery将对象数组显示在DOM中

一个简单的 解决方案 是使用jQuery的 $.each() 函数 遍历对象数组，并将每个对象的属性添加到DOM中。

以下是一个示例代码：

HT ML :

<div id="output"></div>
JavaScript:
// 对象数组
var data = [
  { name: 'John', age: 30 },
  { name: 'Jane', age: 25 },
  { name: 'Bob', age: 35 }
// 遍历对象数组，将属性添加到DOM中
$.each(data, function(index, obj) {
  // 创建一个新的<div>元素
  var $div = $('<div>');
  // 添加对象的属性到<div>元素中
  $div.text('Name: ' + obj.name + ', Age: ' + obj.age);
  // 将<div>元素添加到输出区域
  $('#output').append($div);
这段代码首先定义了一个包含对象的数组data。然后，使用$.each()函数遍历数组中的每个对象。在遍历的过程中，创建一个新的<div>元素，并将对象的属性添加到这个元素中。最后，将这个新的<div>元素添加到输出区域中（在这个示例中，输出区域的ID是"output"）。
运行这段代码，对象数组中的每个对象都会以Name: [name], Age: [age]的格式显示在DOM中。