Jquery 切换导致相交单元格出现问题的类

我对切换类有点问题。如果单击1和3，第一个

td

单元格的高光将从橙色切换为灰色。我想保持橙色。我该怎么做

$（函数（）{
$（'#btn1'）。在（'click'，function（）上{
$（'#tb1 td'）。切片（0，3）。切换类（'orange'）；
});
$（'#btn2'）。在（'click'，function（）上{
$（'#tb1 td'）。切片（3，6）。切换类（'orange'）；
});
$（'#btn3'）。在（'click'，function（）上{
$（“#tb1 tr:gt（-7）：lt（3）td:nth child（1）”）.toggleClass（'orange'）；
});
$（'#btn4'）。在（'click'，function（）上{
$（“#tb1 tr:gt（2）：lt（6）td:nth child（1）”）.toggleClass（'orange'）；
});
});
$（“.button”）。单击（函数（）{
$（此）.toggleClass（“活动”）；
});
表格{
显示：内联块；
}
运输署{
高度：25px；
宽度：25px；
边框宽度：1px；
边框样式：实心；
背景：灰色；
}
橘子{
背景：橙色；
}
.主动{
背景色：红色；
}



最简单的方法应该是为每个按钮创建一个自己的类并切换它们

我只为1+3换了小提琴，所以你需要自己换2和4

$（函数（）{
$（'#btn1'）。在（'click'，function（）上{
$（'#tb1 td'）.slice（0,3）.toggleClass（'orange1'）；
});
$（'#btn2'）。在（'click'，function（）上{
$（'#tb1 td'）。切片（3，6）。切换类（'orange2'）；
});
$（'#btn3'）。在（'click'，function（）上{
$（“#tb1 tr:gt（-7）：lt（3）td:nth child（1）”）.toggleClass（'orange3'）；
});
$（'#btn4'）。在（'click'，function（）上{
$（“#tb1 tr:gt（2）：lt（6）td:n个孩子（1）”）.toggleClass（'orange4'）；
});
});

简单的方法是创建和切换另一个类，例如orange1（带有orange bg ofc）。谢谢，只需几个按钮就可以了，但如果我需要制作4个以上的按钮，它看起来就不好看了。如果你想让它变大，你需要一个真实的数据模型，比如包含每个字段状态的二维数组。谢谢，既然没有更好的选择，我将使用你的解决方案。