Jquery实现的table最后一行添加样式的代码

ttx9n · 发表于 2010-5-18 20:04:57

有时间需要将表格的最后一行加上样式，方便阅读等需要，需要的朋友可以参考下。效果如下图所示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- 
transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>豪情</title> 
 
<style> 
.tab{border-collapse:collapse;border:1px solid #9BDF70;} 
.tab td{border-bottom:1px solid #92B0DD;text-align:center;} 
.tab th{border-bottom:2px solid #92B0DD;} 
.tab th.end{border-bottom:2px solid #9BDF70;border-top:2px solid #9BDF70;} 
.tab tr{height:25px;} 
</style> 
<script> 
$(function(){ 
$('#tab tr:last').find('th').addClass('end'); 
}); 
</script> 
</head> 
<body> 
<table id="tab" class="tab" width=500> 
<tr> 
<th>姓名</th> 
<th>QQ</th> 
<th>E-mail</th> 
</tr> 
<tr> 
<td>豪情</td> 
<td>249056406</td> 
<td>jikeytang@gmail.com</td> 
</tr> 
<tr> 
<td>tony</td> 
<td>1234567</td> 
<td>puag@gmail.com</td> 
</tr> 
<tr> 
<td>tony</td> 
<td>1234567</td> 
<td>puag@gmail.com</td> 
</tr> 
<tr> 
<td>tony</td> 
<td>1234567</td> 
<td>puag@gmail.com</td> 
</tr> 
<tr> 
<td>tony</td> 
<td>1234567</td> 
<td>puag@gmail.com</td> 
</tr> 
<tr> 
<th>豪情啊</th> 
<th>不得了</th> 
<th>真是的</th> 
</tr> 
</table> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

kwzc65wdj · 发表于 2022-9-17 11:42:13

强烈支持楼主ing……

64000928 · 发表于 2022-11-12 08:17:03

很好，谢谢分享

0608fv3 · 发表于 2022-11-12 18:11:00

强烈支持楼主ing……

0608fv3 · 发表于 2022-11-28 10:12:55

谢谢小Y分享

nwk53kbd · 发表于 2023-9-3 22:22:54

好人好人好人好人

kwzc65wdj · 发表于 2023-9-4 16:45:43

大家都不容易！

pb_tjc · 发表于 2023-9-14 22:56:17

2222222222222222

e5plu · 发表于 2023-10-16 04:41:59

看看看看看看看看看看看看看看看看看看看看看看看看看看看

ppwxcg · 发表于 2023-10-28 14:02:09

老衲笑纳了

账号		自动登录	找回密码
密码			立即注册

[JavaScript] Jquery实现的table最后一行添加样式的代码

相关帖子