正确填写HTML表格用JSON

我有这样的代码，收到来自PHP正确填写HTML表格用JSON

 $.getJSON("../controller/testController.php",{action:"one"}, function(data) 
     { 
      var datas = ""; 
     $.each(data, function(key,value) 
     { 
      datas += "<tr>"; 
       datas += "<td>"+value.data1+"</td>"; 
       datas += "<td>"+value.data2+"</td>"; 
       datas += "<td>"+value.data3+</td>";      
      datas += "</tr>"; 
     }) 
      $(".tables").append(datas); 
     })

此JSON数据是HTML

<table class="tables"> 
<thead> 
<th>1</th> 
<th>2</th> 
<th>3</th> 
</thead> 
<tbody></tbody> 
</table>

为什么我不能选择数据？即时检查它与此代码。有一个更好的方法吗？ 备注：有了静态数据我可以选择它。

$('.tables tbody tr td').last().css("background","cyan");

UPDATE

做一些编码我看到，如果我把“CSS”代码的getJSON函数里面，我可以做的工作。但是像这样做，病态不能对函数以外的数据进行任何操作（可怕的编码）。任何想法，使这更好？

来源

2017-10-05 imFSN

你是什么意思与'为什么我不能选择data'？你正在使用一个脚本？也许是因为你正在异步检查它，并且在ajax请求被执行之前？请告诉我们完整的代码 – giorgio

检查你是否选择数据之前，他们与json –

呈现时，当我渲染表，如果使用.css选择td，什么也没有发生。为什么？ – imFSN

也许你在该行一个错字：
datas += "<td>"+value.data3</td>";

它应该是：
datas += "<td>" + value.data3 + "</td>";

来源

2017-10-05 12:39:36 pildit

你好，谢谢你的提示。但仍然不能选择td – imFSN

尝试记录数据，然后再将它附加到表中，如下所示：'console.log（datas）;' – pildit

我做到了，但仍然无法选择表格中的任何数据，我认为是.css – imFSN

它的打字错误。

，而不是datas += "<td>"+value.data3</td>";

应该datas += "<td>"+value.data3+"</td>";

Fiddle

来源

2017-10-05 12:42:31

你好，谢谢你的提示。但仍然不能选择td – imFSN

这是解决该问题的代码。

$.getJSON("../controller/testController.php",{action:"one"}, function(data) 
{ 
    var datas = ""; 
$.each(data, function(key,value) 
{ 
    datas += "<tr>"; 
     datas += "<td>"+value.data1+"</td>"; 
     datas += "<td>"+value.data2+"</td>"; 
     datas += "<td>"+value.data3+</td>";      
    datas += "</tr>"; 
}) 
    $(".tables").append(datas); 
    $('.tables tbody tr td').last().css("background","cyan"); 
})

把“CSS”代码的getJSON内

来源

2017-10-05 15:02:09 imFSN

正确填写HTML表格用JSON

回答

相关问题