Question

我有一个HTML $l_id = array(array('id'=>'1'),array('id'=>21)); //print_r($l_id); foreach($l_id as $key=>$value) { $ids[]=$value['id']; } print_r($ids);，它收集了5种不同类型的数据，这些数据位于Javascript对象中，如下所示：

<form>

我想把这些对象属性放到一个表中，如下所示：

var memberObj = [
  {
  name: "testname",
  prof: "profession",
  level: 0,
  guild: "guild",
  server: "server",
  }
];

我基本上想为每个创建一个新的<table class="table table-striped" id="memberList"> <tr> <th>Character name</th> <th>Profession</th> <th>Level</th> <th>Guild</th> <th>Server</th> </tr> </table>对象和每个<tr>的新<td>。

我应该怎么做呢？我已经浏览了Stack Overflow，但没有找到任何帮助过我的东西。

Answer 1

只需使用两个for循环来迭代对象，然后是列。使用jQuery的append函数将html代码添加到表

var cols = ['name', 'prof', 'level', 'guild', 'server'];

for (var i = 0; i < memberObj.length; i++) {
  $('table').append('<tr></tr>');

  for (var j = 0; j < cols.length; j++) {
    $('table tr:last-child').append('<td>' + memberObj[i][cols[j]] + '</td>');
  }
}

查看有效的JSFiddle

把JS对象放在html中

1 个答案: