如何用jQuery创建表行组颜色（偶数 - 奇数）

Question

如何在jQuery中创建表：

我知道这很简单，但我希望，有人可以帮助我。 有了良好的逻辑。

Answer 1

您可以使用filter

您可以使用modulo（%）来检查数字是否均匀。

＆＃13;

＆＃13;

$(function() {
  $("td:nth-child(4)")                    /* Select the 4th child td */
    .filter(function() {                  /* Filter even numbers using % */
      return !($(this).text() % 2);
    })
    .parent()                             /* Select the parent - tr */
    .css({"background-color": "red"});    /* Apply CSS*/
}); 

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <th>Name</th>
    <th>Orders</th>
    <th>Date</th>
    <th>Number</th>
  </tr>
  <tr>
    <td>TEXT</td>
    <td>TEXT</td>
    <td>TEXT</td>
    <td>23</td>
  </tr>
  <tr>
    <td>TEXT</td>
    <td>TEXT</td>
    <td>TEXT</td>
    <td>56</td>
  </tr>
  <tr>
    <td>TEXT</td>
    <td>TEXT</td>
    <td>TEXT</td>
    <td>44</td>
  </tr>
  <tr>
    <td>TEXT</td>
    <td>TEXT</td>
    <td>TEXT</td>
    <td>11</td>
  </tr>
  <tr>
    <td>TEXT</td>
    <td>TEXT</td>
    <td>TEXT</td>
    <td>97</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;