Javascript/JQuery - 在具有特定值的单元格之前和之后更改 HTML 表格单元格的背景颜色答案

【问题标题】：Javascript/JQuery - Change background color of HTML table cells before and after cell with a specific valueJavascript/JQuery - 在具有特定值的单元格之前和之后更改 HTML 表格单元格的背景颜色
【发布时间】：2020-06-15 06:47:22
【问题描述】：

我目前正在尝试在找到值为 76 的单元格之前和之后更改 HTML 表格单元格。之前和之后的单元格是字符串值。我能够让整行根据一个单元格值更改背景颜色，但不是我想要的。

var r = $(this).data('row');
if(/76/.test(r.where.m_cur_state_id) && timeInOper >= 0){
$(this).css( "background-color", "red" );
$(this).children().css('color','#FFF');         
}

关于如何使值为76的单元格为红色以及红色前后的单元格有什么方向吗？

【问题讨论】：

最好将数据推送到单元格上的属性，然后您可以使用CSS来点击特定单元格，相邻单元格，相邻+n个单元格等，所有这些都非常快并且没有脆弱的JS . <td data-val=76>76</td>td[data-val='76'] { color: red; } td[data-val='76']+td { color: pink; }

标签： javascript jquery html css

【解决方案1】：

查看 jQuery .prev() 和 .next() 函数。

【讨论】：