jquEry表格隔行变色

jQuery 选择器中,:even可以选择偶数行示例如下$("ul li").css("background","blue");$("ul li:even").css("background","red");

你不能写成这样吗,把里边的table放在外层table的行里<table ><tr> <table></table></tr><tr> <table></table></tr><tr> <table></table></tr></table>$("tr").each(function(i){this.style.backgroundcolor=['#ccc','#fff'][i%2]})

第一行的意思是 table 的直接子元素tr是隔行变色的如果你在tr外面还有tbody等其他标签那么tr就不会变色了而第二行的意思是table里的所有tr是隔行变色

使用jquery+css进行颜色控制,比如:设置表格的奇数行css颜色样式为odd,偶数行样式为evenjquery语句:$(document).ready(function(){ $('table tr:odd').addClass('odd'); $('table tr:odd').addClass('even');});

$(function () { $("#table tr").click(function(){ $(this).addClass("red"); $(this).siblings().removeClass("red"); })});<style>.red { background-color: red;}</style><table border="1px;" id="table"><tr><td>123</td><td>123</td><td>123</td></tr>

以前在做页面显示列表时候,要做一组数据隔行变色,当时不知道,竟然用来了好多js脚本判断,写了许多像下面的例子.Html代码<table><%int c =0;%>//循环取列表<%if (c % 2 == 0){className = "一种颜色";} else{className = "另外一

$(document).ready(function() { var trs = $("tbody>tr"); // 防止事件冒泡, 并处理点击换色 trs.find(":checkbox").click(function(e) { var me = $(this), tr = me.closest("tr"); tr.toggleClass("ed"); e.stopPropagation ? e.stopPropagation() : e.

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><script type="text/javascript" src="js/jquery-2.1.0.js"></script><script type="text/javascript">$(function(){$("tr:odd").attr("bgColor","#DD1C73");$("tr:

Jquery实现的效果 $("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})

这个很简单$('tr').click(function(){ $(this).addclass("hover").siblings().removeclass("hover"); }); 这样试试,只要你的hover这个样式没问题,我保证就没问题.希望可以帮到你.

相关文档

jqery隔行变色
html5table隔行变色
jqueryjs隔行变色
excel表格隔行换色
jquery实现表格隔行变色
html隔行换色
js表格隔行变色偶数
excel隔行变色公式
电脑版