当我确切知道位置时,如何将列或单元格添加到表中

时间:2012-09-27 17:50:59

标签: jquery html

当我尝试将列添加到表行时,我有问题,我确切地知道要添加的行和列

我得到了行和列的索引,因此我知道我的数据将添加到哪里

示例i有一个包含4行3列的表

我希望将数据添加到行2单元格3

如何使用2循环

使用Jquery或Javascript

1 个答案:

答案 0 :(得分:1)

以下是http://jsfiddle.net/uwYxU/8/

示例

HTML:

<table id="mytable" cellspacing="5" cellpadding="5" border="1">
  <tr>
    <td>a1</td>
    <td>a2</td>
    <td>a3</td>
  </tr>
  <tr>
    <td>b1</td>
    <td>b2</td>
    <td>b3</td>
  </tr>
  <tr>
    <td>c1</td>
    <td>c2</td>
    <td>c3</td>
  </tr>
  <tr>
    <td>d1</td>
    <td>d2</td>
    <td>d3</td>
  </tr>
</table>

jQuery的:

$('#mytable tr').eq(1).find('td:eq(2)').css({border:'1px solid red'}).text('my data');

$('#mytable tr:eq(1) td:eq(2)').css({border:'1px solid red'}).text('my data');

在jQuery中,eq(0)返回第一个元素,eq(1)第二个元素,依此类推,它就像数组一样,从0开始。

修改:回复您的评论 你可以检查选择器是否找到了这样的东西:

var selector = $('#mytable tr:eq(1) td:eq(2)');
if(selector.length>0) {
   // Apply styling or other rules
} else {
   // create the missing element and append it
   var missingElement = $('<td>this was missing</td>');
   $('#mytable tr:eq(1)).append(missingElement);
}