如何使用 jQuery 制作表格行组颜色（偶数 - 奇数）答案

【问题标题】：How to make table row group color (even - odd) with jQuery如何使用 jQuery 制作表格行组颜色（偶数 - 奇数）
【发布时间】：2018-02-28 08:02:22
【问题描述】：

如何在jQuery中制作表格：

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

【问题讨论】：

到目前为止你尝试了什么？
StackOverflow 不是编码服务，为了解决您的问题，您必须向我们展示您自己的尝试。
另外，您链接的屏幕截图并不是偶数/奇数行样式的一个很好的例子......您到底需要什么？

标签： jquery tabular

【解决方案1】：

你可以使用filter

您可以使用取模 (%) 来检查数字是否为偶数。

$(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*/
});

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

【讨论】：

感谢您的推荐，它的工作我使用模块来制作逻辑：D