如何用jquery控制表格奇偶行及活动行颜色

2024-11-27 10:43:48

推荐回答（4个）

回答1：

$("tr:even").css("background-color","red"); 偶数行红色
$("tr:odd").css("background-color","gray"); 奇数行灰色
活动行用css控制吧
tr：hover {background-color：skyblue} 活动行天蓝色

回答2：

//直接上代码了，odd代表的就是奇数行，

Id	LastName	FirstName	Address	City
1	Adams	John	Oxford Street	London
2	Bush	George	Fifth Avenue	New York
3	Carter	Thomas	Changan Street	Beijing
4	Obama	Barack	Pennsylvania Avenue	Washington

回答3：

new document

A	B	C
B	B	C
C	B	C
D	B	C
E	B	C

回答4：

$('td:even').addClass('myColor')

然后在定义一个myColor的样式，就可以了

活动行原理差不多，一般是通过鼠标事件，来选择活动行，添加对应的事件响应函数就行了