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

2025-03-24 17:15:12
推荐回答(5个)
回答1:

用jquery实现起来比较简单,原理为查找需要的内容后改变该行的背景颜色。
例子:

$("#table tr").each(function(){//循环table的每行(tr)
$tr = $(this);
$td = $(">td",$tr);//每个tr下的td
if($.trim($td.text())=="已毕业"){//去掉首尾空格并匹配td的内容
$tr.css("background","red"); //改变当前行的背景颜色为红色
}
});

回答2:

.....


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

回答3:

html:




id姓名是否毕业
001小明已毕业
002小华未毕业

js:onload
$("#tb1 td:contains('已毕业')").parent().css("background","red");

一句代码就OK拉。

回答4:

html:




id姓名是否毕业
001小明已毕业
002小华未毕业

js:onload
$("#tb1 td:contains('已毕业')").parent().css("background","red");

一句代码就OK拉。

回答5:

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