javascript - css 类属性不适用于用 javascript 生成的 html 代码

Question

我有这个动态插入表格内容的 javascript 函数，我想为我插入的行使用 css class class="info"但它不起作用。 我是 javascript 的新手，我不知道我的代码出了什么问题。

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);

Answer 1

你的表应该首先有类.table。然后只有 .info 类将在该行上工作。