適切にJSON

Question

でHTMLテーブルを移入私は、HTML

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

は、なぜ私はデータを選択カントれ

 $.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); 
     }) 

このPHP

からJSONデータを受け取るために、このコードを持っていますか？私はこのコードでそれをチェックしています。これを行うより良い方法はありますか？ 注：私はそれを選択することができます静的なデータです。

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

UPDATE

私がgetJSON関数内「CSS」のコードを置けば、私は仕事ができることを見たいくつかのコーディングを行います。しかし、このようにすると、機能の外にあるデータ（恐ろしいコーディング）を操作することができなくなります。これをより良くするためのアイデアは何ですか？

Answer 1

たぶん、あなたはラインのタイプミスがあります
datas += "<td>"+value.data3</td>";

それは次のようになります。
datas += "<td>" + value.data3 + "</td>";

Answer 2

それは間違いを入力します。

代わりにdatas += "<td>"+value.data3</td>";

これが問題を解決するためのコードであるdatas += "<td>"+value.data3+"</td>";

Fiddle

Answer 3

であるべきです。

$.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"); 
}) 

getJSON内の「CSS」のコードを置く