代码之家 › 专栏 › 技术社区 › Mottie

使用jQuery插入表列

html-table jquery

Mottie · 技术社区 · 15 年前

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

3 回复 | 直到 8 年前

Dan Herbert 14 年前

试试这个:

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

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

Stefan Kendall 15 年前

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

tr > td td tr ,及 after

Undo ptrk 10 年前

$('td:first-child').after('&lt;td&gt;new cell&lt;/td&gt;');

推荐文章

Mona Jalal · 在HTML中使用PHP显示表的内容

2 年前

free · 基于特定默认列对表进行排序

2 年前

CRaw · 表格中的标题文本对齐:前2个单元格左对齐,后3个单元格右对齐

2 年前

Bryan Santos · 固定表头与引导

2 年前

Muhammad Moosa Zubairy · 在div之后得到不需要的逗号

2 年前

buckshot · 使用CSS隐藏gridview中的某些列

2 年前

SeniorFluffie · 完整动态HTML表悬停事件不工作

6 年前

Smithy · 如何将此文本置于电子邮件模板中表格行的中心

6 年前

user7158897 · 如何基于地图区域单击显示/隐藏不同的表内容

6 年前

user9727941 · 不知道如何在空白td中插入这些数据

6 年前