Javascript/JQuery - Change background color of HTML table cells before and after cell with a specific value

Question

I'm currently trying to change HTML table cells before and after I find a cell with a value of 76. The cells before and after are string values. I was able to get the whole row to change background color based on the one cell value, but not what I want.

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');         
}

Any direction on how to make the cell with value of 76 red and the cell before and after red?

Answer 1

See the jQuery .prev() and .next() functions.

• https://api.jquery.com/prev/
• https://api.jquery.com/next/