在大表的td中插入数据

时间:2014-07-29 07:56:15

标签: javascript jquery html

我有一个看起来像这样的HTML表

<tr rel="price">
    <th>Price</th>
    <td class="">-</td>
    <td class="">-</td>
    <td class="">-</td>
    <td class="">-</td>
</tr>

我将如何在第4个td插入数据?我可以给第4个td一个ID并插入这样的

$('#id').html('bla bla');

但我的桌子有60行4列。个人认为,如果我要向所有人添加ID,那将会变得非常混乱。有什么建议?显然,在大桌子上快速工作的东西是理想的。感谢

3 个答案:

答案 0 :(得分:5)

尝试使用:nth选择器

$('table tbody tr td:nth(3)').html();

$('table tbody tr td:nth-child(3)').html();

答案 1 :(得分:1)

$("tr[rel=price] td:nth-child(3)").html('bla bla');

3是因为计数从0开始,所以这是第4个元素。

答案 2 :(得分:0)

<tr rel="price" id="tr1">
    <th>Price</th>
    <td class="">-</td>
    <td class="">-</td>
    <td class="">-</td>
    <td class="">-</td>
</tr>

$('table tbody #tr1').closest("td").eq(3).html('bla bla');