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);
「それはうまくいかない」とはどういう意味ですか? 'class =" "info" 'を' tr'に追加しますか? CSSを書きましたか?レンダリングされたHTMLの外観はどうですか? – chazsolo
クラスコンテンツはブートストラップテンプレートによって提供されています。私はajaxを使わずに作成されたデータで他のテーブルにも使用しています。実際にはこのクラスは行の色を青に設定します。テーブルがjavascriptコードで満たされている私の場合、class属性を追加しても私の行には何の影響もありません –