改变bg-color时的值改变jquery

Question

最近我自己做了一个简单的网页，遇到了一个问题。
我想在值变化时更改特定单元格上的background-color。

• 如果值为0 = white
• 如果有其他值= blue.

我想我离现实并不太远，但这行不通。

$(document).ready(function(){

$("#table td[id^='changeBgColor']").on('change', function(e) {
var data = $(this).val();
if(data === '0'){
$(this).css('background-color', 'white');
}else{
$(this).css('background-color', 'blue');
}
});

})

这是表格中单元格所在的部分

<tfoot>
<td colspan="3" style="text-align: center"><strong>TOTAL</strong></td>
<td id='changeBgColor' colspan="1" style="text-align: center"><strong>..</strong></td>
<td id='changeBgColor' colspan="1" style="text-align: center"><strong>..</strong></td>
<td colspan="2" style="text-align: center"><strong></strong></td>
</tfoot>

Answer 1

$("td:contains('0')").css('background-color', 'white'); // if the value is 0 white, else blue