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

Question

当我尝试将列添加到表行时遇到问题，因为我确切知道要添加哪些行和列

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

示例我有一个 4 行 3 列的表

我想将数据添加到第 2 行单元格 3

如何通过使用 2 循环使用 Jquery 或 Javascript 来做到这一点

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