Javascript 按列值交替颜色HTML？

我有一个像这样的HTML表

<table class="TableA">
  <tbody>
    <tr>
      <td>1</td>
      <td class="a">aa</td>
    </tr>
    <tr>
      <td>2</td>
      <td class="a">aa</td>
    </tr>
    <tr>
      <td>3</td>
      <td class="a">bb</td>
    </tr>

    <tr>
      <td>4</td>
      <td class="a">cc</td>
    </tr>
    <tr>
      <td>5</td>
      <td class="a">dd</td>
    </tr>
    <tr>
      <td>6</td>
      <td class="a">ee</td>
    </tr>
    <tr>
      <td>7</td>
      <td class="a">ee</td>
    </tr>
  </tbody>
</table>

---

要突出显示具有相同文本的结果行，可以使用

next（）

比较下一个元素并相应地添加类

$（“.TableA tr”）。每个（函数（）{
现在让我们=$（this.find（'td'）.last（）；
让next=$（this.next（）.find（'td'）.last（）；
如果（now.text（）==next.text（））{
现在，addClass（'red'）；
next.addClass（'red'）；
}
});
.red{
背景：红色；
}

1.
aa
2.
aa
3.
bb
4.
复写的副本
5.
dd
6.
ee
7.
ee
如果您想将具有相同innerHTML的两个兄弟
td
设置为红色背景，可以尝试以下代码，这很容易理解：

const testArray=$（“.TableA td.a”）
testArray.map（函数（索引）{
//小心离开阵列
if（index==testArray.length-1）返回0；
如果(
testArray[index].innerHTML===
testArray[index+1].innerHTML
) {
testArray[index].style.background=“红色”；
testArray[index+1].style.background=“红色”；
}否则{
testArray[index].style.background=“白色”；
}
});
我不明白这个问题。问题是什么？这是一个序列还是仅仅1-7个序列？@NidhinJoseph是序列。以上只是我的测试演示。我想我明白了，从您的代码来看，似乎您希望每组值都是红色的。是吗？@OmriAttiya是的。请帮帮我。
$(".TableA").each(function () {
    if ($(this).find("td.a")[0].innerHTML == $(this).find("td.a")[1].innerHTML) {
        $(this).find("td.a")[0].bgColor = "red";
    } else {
    $(this).find("td.a")[0].bgColor = "white";
    }
});