添加數字到第一列在表

Question

我想在第一山坳

var newCol = "<td></td>"; 
$('#target tbody tr').append(newCol); 
$('#target tbody tr').each(function (idx) { 
    $(this).children(":eq(0)").html(idx); 
}); 

添加數字的表，但我不知道爲什麼沒有代碼工作？ http://jsfiddle.net/9RHH2/1/

Answer 1

目標已經是TBODY，變化選擇和使用：只有

DEMO jsFiddle

var newCol = "<td class='rownum'></td>"; 
$('#target tr').each(function (i) { 
    $(this).prepend($(newCol).text(i + 1)) 
}); 

或使用CSS：

table { 
    counter-reset: rowNumber; 
} 

table tr { 
    counter-increment: rowNumber; 
} 

table tr td:first-child::before { 
    content: counter(rowNumber); 
    min-width: 1em; 
    margin-right: 0.5em; 
} 

DEMO CSS