您好,欢迎来到微智科技网。
搜索
您的当前位置:首页jquery实现表格奇数偶数行不同样式(有图为证及实现代码)_jquery

jquery实现表格奇数偶数行不同样式(有图为证及实现代码)_jquery

来源:微智科技网


非侵入实现,控制更方便
效果图:

代码如下:



javascript practice



$(document).ready(function(){
odd= {"background":"#EDA","color":"#3F5"};//奇数样式
even={"background":"#2DA","color":"#875"};//偶数样式
odd_even("#table_test",odd,even);
});
function odd_even(id,odd,even){
$(id).find("tr").each(function(index,element){
if(index%2==1)
$(this).css(odd);
else
$(this).css(even);
});
}










































Copyright © 2019- 7swz.com 版权所有 赣ICP备2024042798号-8

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务

标题
name age
A B
A B
A B
A B