jquery - 根据字段值交替表行

Question

我需要编写一个代码，其中表格的行更改它们的背景颜色以相互区分，但有一个问题:我需要这样做的不是奇数/偶数行，而是行组，其中有是具有相同值的模型字段。示例:

Row 1: id = 1, field1 = 1, name = name1
Row 2: id = 2, field1 = 1, name = name2
***change rows background color***
Row 3: id = 3, field1 = 2, name = name3
Row 4: id = 4, field1 = 2, name = name4
Row 5: id = 5, field1 = 2, name = name5
***change rows background color***
Row 6: id = 6, field1 = 3, name = name6
Row 7: id = 7, field1 = 3, name = name7

在这种情况下，我需要让第一行和第二行具有相同的背景颜色，第三、第四和第五行使用另一种颜色，第六和第七行使用第一种颜色，依此类推，以便能够区分两组。

有什么办法可以实现吗？

提前致谢。

Answer 1

您可以使用 JQuery。遍历所有行，然后根据条件更改背景颜色。

$(document).ready(function () {
      $('tr').each(function (index) { //iterate over all table rows
                if (index > 0) {     //skip header
                     //Assuming your Id will be added to the first column. 
                    if ($(this).children('td:nth-child(1)').text() == "1") {
                        $(this).toggleClass("YOUR CSS CLASS");
                    }
            });
  });