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这个样式没问题,我保证就没问题.希望可以帮到你.