如何根据行中另一个单元格的内容修改HTML表格行的内容？

Question

我有下表：

如果第1列的内容满足条件，我该如何修改第2列和第3列？我希望能够对所有行说'＃34;如果第1列== 37，则将第2列设置为12：00：00＆＃34;。

Answer 1

由于您似乎没有多使用jquery，为了简单起见，您可以使用

$("table tr").each

循环遍历每个表行。如果您的表有ID，那么更好：

$("#tableid tr").each

在每一行中，检查第一个单元格是否为37，然后将第二个单元格设置为所需的值。

＆＃13;

＆＃13;

$("table tr").each(function() {
  var cells = $("td", this)
  if ($(cells[0]).text() == "37") $(cells[1]).text("12:00");
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>1</td>
    <td>2</td>
  </tr>
  <tr>
    <td>37</td>
    <td>4</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

Answer 2

使用JQuery，你可以这样做

$("#my-table tr").each(function () {
  if($(this).find('td:eq(0)').text() === '37'){
    $(this).find('td:eq(1)').text('12:00:00');
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table border="2" id="my-table">
   <tr>
      <td>37</td>
      <td>02:28:17</td>
   </tr>
    <tr>
      <td>74</td>
      <td>13:56:21</td>
   </tr>
</table>