更改tr(您使用的是v 1.6.4而不是最新的,因此我们需要使用bind而不是on)
$(document).ready(function(){ $("tr.alt:even").addClass("even"); $("tr.alt:odd").addClass("odd"); $('td.status input').bind('change keyup', function(){ var tr=$(this).closest('tr'); if ($(this).val()=='Zero') tr.addClass('zero'); else tr.removeClass('zero'); }).trigger('change'); // the trigger is to run this action on load});tr.odd{ background-color:#fcfceb;}tr.even{ background-color:#f0f8ff;}tr.odd.zero{ background-color:#ff0000;}tr.even.zero{ background-color:#cc0000;}
但是,您的HTML有点混乱。您缺少引号,
<td class>并且无效。
http://jsfiddle.net/MMEhc/158/
编辑:更新版本以适应手动更改的值,而不仅仅是输出的值(据我了解,问题是)
http://jsfiddle.net/MMEhc/159/
您会看到我将背景色移出了HTML并移到了CSS中,使其更易于 *** 作。我还调整了偶数或奇数行的红色。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)