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

Question

我有以下表：

如何修改列2和3如果塔1的内容满足条件？我想能够说“对于所有行，如果列1 == 37，将列2设置为12:00:00”。

Answer 1

正如你似乎没有使用jQuery的多，保持它的简单，你可以使用

$("table tr").each 

循环遍历每个表格行。如果你的表有一个ID，然后更好：

$("#tableid tr").each 

每一行

，检查第一个单元是37，然后设置第2到你想要的值。

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

<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>

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>