2017-10-05 5 views
0

でHTMLテーブルを移入私は、HTML適切にJSON

<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」のコードを置けば、私は仕事ができることを見たいくつかのコーディングを行います。しかし、このようにすると、機能の外にあるデータ(恐ろしいコーディング)を操作することができなくなります。これをより良くするためのアイデアは何ですか?

+0

私はdata'を選択することはできませんなぜあなたは 'で何を意味するのですか?あなたはそのためのスクリプトを使用していますか?おそらく、あなたは非同期にそれをチェックしていて、Ajaxリクエストが満たされる前ですから?私たちにフルコードを教えてください – giorgio

+0

json –

+0

でレンダリングする前にデータを選択するかどうかを確認してください。テーブルをレンダリングするときに.cssを使用してtdを選択すると、何も起こりません。どうして? – imFSN

答えて

1

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

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

+0

こんにちは、チップのおかげで。しかし、まだtdを選択することはできません – imFSN

+0

これをテーブルに追加する前にデータをログに記録してみましょう: 'console.log(datas);' – pildit

+0

私はそれを行いましたが、まだ.cssでテーブルのデータを選択できません。 – imFSN

0

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

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

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

Fiddle

+0

こんにちは、チップのおかげで。それでもまだtdを選択することはできません – imFSN

0

であるべきです。

$.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」のコードを置く