Question

javascript 或jquery方式实现,table中包含某字段的行改变背景色!

如下类型的表,用javascript 或jquery方式给所有 已毕业 的行变色!
--------------------------------------
001 | 小明 | 已毕业
--------------------------------------
002 | 小华 | 未毕业
--------------------------------------
.
.
.
.

Answer 1

用jquery实现起来比较简单，原理为查找需要的内容后改变该行的背景颜色。
例子：
<table id="table"></table>
$("#table tr").each(function(){//循环table的每行（tr）
$tr = $(this);
$td = $(">td",$tr);//每个tr下的td
if($.trim($td.text())=="已毕业"){//去掉首尾空格并匹配td的内容
$tr.css("background","red"); //改变当前行的背景颜色为红色
}
});

Answer 2

<table id="table">.....</table>

$("#table tr").each(function(){
$tr = $(this);
$td = $(">td",$tr);
if($.trim($td.text())=="已毕业"){
$tr.css("background","red");
}
});

Answer 3

html：
<table id="tb1">
<tr><th>id</th><th>姓名</th><th>是否毕业</th></tr>
<tr><td>001</td><td>小明</td><td>已毕业</td></tr>
<tr><td>002</td><td>小华</td><td>未毕业</td></tr>
</table>
js：onload
$("#tb1 td:contains('已毕业')").parent().css("background","red");

一句代码就OK拉。

Answer 4

html：
<table id="tb1">
<tr><th>id</th><th>姓名</th><th>是否毕业</th></tr>
<tr><td>001</td><td>小明</td><td>已毕业</td></tr>
<tr><td>002</td><td>小华</td><td>未毕业</td></tr>
</table>
js：onload
$("#tb1 td:contains('已毕业')").parent().css("background","red");

一句代码就OK拉。

Answer 5

你判断一下不就行了吗？用struts2标签或JSTL标签判断一下，如果这行的记录为已毕业就改变这一行的背景色