使用jQuery插入表列

Question

我有一个动态添加列所需的数据表。让我说我有这个基本的表开始：

<table>
 <tr><td>cell 1</td><td>cell 2</td><td>cell 3</td></tr>
 <tr><td>cell 1</td><td>cell 2</td><td>cell 3</td></tr>
 <tr><td>cell 1</td><td>cell 2</td><td>cell 3</td></tr>
</table>

我想在每一行的单元格1和单元格2之间插入一个列...我已经尝试了这个，但它只是没有像我期望的那样工作......

$(document).ready(function(){
 $('table').find('tr').each(function(){
  $(this).prepend('<td>cell 1a</td>');
 })
})

Answer 1

试试这个：

$(document).ready(function(){
    $('table').find('tr').each(function(){
        $(this).find('td').eq(0).after('<td>cell 1a</td>');
    });
});

您的原始代码会将列添加到每行的末尾，而不是列之间。这将找到第一列，并将单元格添加到第一列旁边。

Answer 2

$('table > tr > td:first-child').after( '<td>cell 1a</td>' );

tr > td在td之后选择第一级tr，after在元素之外插入数据。

Answer 3

$('td:first-child').after('<td>new cell</td>');