根据第三个 td 中的值更改背景颜色

Question

我想根据一行中第 3 列中包含的值更改背景颜色

<tr><td>0</td><td>1</td><td>FAIL</td></tr>

为什么这不起作用（我正在使用 jQuery）：

<script>
$(document).ready(function(){
    $("tr td:nth-child(3)").map(function () {
  if (parseInt($(this).text()) === 'FAIL') $(this).css("background-color", "red")
})
});
</script>

Answer 1

不需要 parseInt 因为你正在比较字符串:

$(document).ready(function(){
  $("tr td:nth-child(3)").map(function () {
    if ($(this).text() === 'FAIL') 
      $(this).css("background-color", "red");
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tbody>
    <tr>
      <td>0</td>
      <td>1</td>
      <td>FAIL</td>
    </tr>
  </tbody>
</table>

根据第三个 td 中的值更改背景颜色

Change background-color based on value in 3rd td

jquery

jquery-selectors