代码之家 › 专栏 › 技术社区 › Manas Saxena

如何将记录添加到第n行表jquery的rth列?

jquery javascript

-6

Manas Saxena · 技术社区 · 9 年前

我有一个表,有6列,其中5列是poppelated,所有行的最后一列是空的。

现在,我需要在每行的最后一列中添加一些数据,如何使用for循环遍历表并执行相同的操作?

2 回复 | 直到 9 年前

spanky 9 年前

rows 带有 for of 语句,然后使用 .cells 收集每行以获取最后一行。

for (const row of document.querySelector("#myTable").rows) {
  row.cells[row.cells.length-1].textContent = "some dynamic data";
}

table td:last-child {
  background: #DDD;
}

<table id=myTable>
<tbody>
<tr><td>first</td><td>second</td><td>third</td><td>fourth</td><td></td>
<tr><td>first</td><td>second</td><td>third</td><td>fourth</td><td></td>
<tr><td>first</td><td>second</td><td>third</td><td>fourth</td><td></td>
<tr><td>first</td><td>second</td><td>third</td><td>fourth</td><td></td>
<tr><td>first</td><td>second</td><td>third</td><td>fourth</td><td></td>
</tbody>
</table>

或使用 querySelectorAll 直接选择每行的最后一个单元格。

for (const cell of document.querySelectorAll("#myTable td:last-child")) {
  cell.textContent = "some dynamic data";
}

表td:最后一个孩子{
}

<<t车身>
<tr>&书信电报;td>第一个(<)/td>&书信电报;td>第二个(<)/td>&书信电报;td>第三个(&L)/td>&书信电报;td>第四个(&L)/td>&书信电报;td></td>
</t车身>

你甚至可以添加 :empty document.querySelectorAll("#myTable td:last-child:empty")

Shiladitya 9 年前

jQuery 解决方案 https://jsfiddle.net/5htkr87L/

$('#myTable tbody tr').each(function(){
	$(this).find('td').last().html("Last");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="myTable">
  <tbody>
    <tr><td>first</td><td>second</td><td>third</td><td>fourth</td><td></td>
    <tr><td>first</td><td>second</td><td>third</td><td>fourth</td><td></td>
    <tr><td>first</td><td>second</td><td>third</td><td>fourth</td><td></td>
    <tr><td>first</td><td>second</td><td>third</td><td>fourth</td><td></td>
    <tr><td>first</td><td>second</td><td>third</td><td>fourth</td><td></td>
  </tbody>
</table>

jQuery .each 方法循环通过所有tr&使用查找最后一个td jQuery last 方法