Thêm cột vào bảng với jquery

Question

Có thể thêm một cột vào một bảng hiện như thế này:

<table id="tutorial" width="600" border="0"> 
    <tr> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    </tr> 
    <tr> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    </tr> 
    <tr> 
    <td>&nbsp;</td> 
    <td>&nbsp;</td> 
    </tr> 
</table> 

với js?

Answer 1

bạn có thể làm như

$('#tutorial').find('tr').each(function(){ 
     $(this).find('td').eq(n).after('<td>new cell added</td>'); 
    }); 

n này có thể được thay thế bằng số sau cột nào bạn muốn thêm cột mới

Answer 2

Bạn có thể sử dụng .append() để nối thêm một td mới để các hàng

$('#tutorial tr').append('<td>new</td>') 

Demo: Fiddle

Answer 3

Bạn có nghĩa là cột không phải hàng?

$('#tutorial tr').each(function() 
{ 
    $(this).append('<td></td>'); 
}); 

Những lựa chọn các yếu tố <tr> bên id "hướng dẫn" (có nghĩa là bảng của bạn là trường hợp này) và thêm nội dung mới đằng sau nội dung ban đầu của nó

Answer 4

Một lựa chọn thay thế cho những người ở trên là để tạo ra các cột lại với nhau với cách khác và kiểu display:none; và sau đó sử dụng method .Show() để hiển thị.