2017-05-18 9 views
0

動的に表コンテンツを挿入するこのjavascript関数があります。挿入された行にCSSクラスclass = "info"を使用したいが、動作しません。 私はjavascriptを初めて使用しているので、私のコードで何がうまくいかないのか分かりません。CSSクラス属性がJavaScriptで生成されたhtmlコードで動作しない

function getPositions() { 
    $.ajax({ 
     dataType : 'json', 
     contentType : 'application/json', 
     url : 'positions', 
      success: function(data) { 
       var table = $('#datatable').DataTable(); 
       table.clear().draw(); 
       var rowNode= new Array(); 
       for (var key=0, size=data.length; key<size; key++){ 
        var j = -1; 
        var r = new Array() 
        r[++j] = '<tr class="info"><td >'+data[key].id+'</td>';  
        r[++j] = '<td>'+data[key].id_sec_account+'</td>'; 
        r[++j] = '<td>'+ data[key].id_sec+'</td>'; 
        r[++j] = '<td>'+ data[key].quantity+ '</td>'; 
        r[++j] = '<td>'+ data[key].status+ '</td>'; 
        r[++j] ='</tr>'; 
        rowNode = table.row.add(r); 
       } 
      rowNode.draw().node() 
      } 
     }); 
    } 
setInterval(getPositions, 3000); 
+3

「それはうまくいかない」とはどういう意味ですか? 'class =" "info" 'を' tr'に追加しますか? CSSを書きましたか?レンダリングされたHTMLの外観はどうですか? – chazsolo

+0

クラスコンテンツはブートストラップテンプレートによって提供されています。私はajaxを使わずに作成されたデータで他のテーブルにも使用しています。実際にはこのクラスは行の色を青に設定します。テーブルがjavascriptコードで満たされている私の場合、class属性を追加しても私の行には何の影響もありません –

答えて

0

テーブルのサイズは、.tableである必要があります。その後、.infoクラスだけが行に作用します。

関連する問題