Question

我试图创建一个通过Ajax调用获取JSON的动态表，从该数据中创建一个表。我已完成此部分，但我的主要问题是，其中一个表格列将是一个可编辑字段，应该是通过ajax创建的不同列。

我的主要真正问题是如何告诉JQuery我希望它旁边的列更新。

<script src="https://threejs.org/build/three.min.js"></script>
<!--script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/89/three.min.js"></script-->
<script src="https://threejs.org/examples/js/controls/OrbitControls.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.5/dat.gui.min.js"></script>

<div id="container"></div>

为了简单起见，当字段＆＃34; name＆＃34;编辑，我希望办公室字段编辑在那一行。不完全确定从哪里开始。谢谢你的帮助！

Answer 1

尝试将整个<tr>合并到一个要追加的调用中。

＆＃13;

var obj = {
  data: [
    {
      name: "person 1",
      position: "President",
      Office: "Corner"
    },
    {
      name: "person 2",
      position: "Developer",
      Office: "Penthouse"
    },
  ]
};

$(document).ready(function() {
  $.each(obj.data, function(key,value){
    $("#example tbody").append("<tr><td contenteditable=true>"+ value.name +"</td><td>" + value.position +"</td><td>" + value.Office +"</td></tr>");
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
    <tr>
        <th>Name</th>
        <th>Position</th>
        <th>Office</th>
    </tr>
    <tbody></tbody>
</thead>
</table>

＆＃13;

从JSON动态创建表，并在生成表后对列执行操作

1 个答案: