隱藏表中的第一列

Question

我想隱藏表的第一列。如果我刪除col-id類，那麼它工作正常，但我不能刪除該類。

for (var i = 0; i < result.marks.length; i++) { 
    var col_id = result.marks[i].col_id; 
    var student_id = result.marks[i].student_id; 
    var roll_no = result.marks[i].roll_no; 
    var first_name = result.marks[i].first_name; 
    var last_name = result.marks[i].last_name; 
    var secured_marks = result.marks[i].secured_marks; 

    $("#marks-table tbody").append('<tr></tr>'); 
    $("#marks-table tbody tr:last").append('<td class="col-id" hidden>' + col_id + '</td>'); 
    $("#marks-table tbody tr:last").append('<td hidden>' + student_id + '</td>'); 
    $("#marks-table tbody tr:last").append('<td>' + roll_no + '</td>'); 
    $("#marks-table tbody tr:last").append('<td>' + first_name + '</td>'); 
    $("#marks-table tbody tr:last").append('<td>' + last_name + '</td>'); 
    $("#marks-table tbody tr:last").append('<td class="secured-marks">' + 
     '<input type="text" class="form-control text-center secured-marks-input" value="' + secured_marks + '"></td>'); 
} 

Answer 1

要隱藏<td>你可以做

<td style="display:none;"> 

因此，在你的代碼，你可以做

$("#marks-table tbody tr:last").append('<td class="col-id" style="display:none;">' + col_id + '</td>'); 

Answer 2

如果你想用jQuery做到這一點，你可以使用選擇器，如下所示：

$('#marks-table tr td:first-child').hide(); 

Answer 3

您是否嘗試過使用「col-id」的css：

.col-id{ 
    display: none; 
}