如何根據行中另一個單元格的內容修改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>