jquery选择器tr:even获取偶数行、tr:odd 获取奇数行
来源:互联网 发布:2030男女比例真实数据 编辑:程序博客网 时间:2024/06/05 20:16
在jquery中:
$('table tr:even') -> 表示获取一个table 所有的索引为偶数的行, 其中索引index 从0开始算起, 0算偶数!
$('table tr:odd') -> 表示获取一个table 所有的索引为奇数的行, 其中索引index 从0开始算起, 0算奇数!
Eg:
创建一个有6行数据的表格, 让奇数行的背景色为green, 偶数行的字体色为red,代码如下:
1. 导入jquery。
2. 创建表格。
3. 编写脚本。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery.min.js" ></script>
</head>
<body>
<table border="1px" cellspacing="0" cellpadding="10">
<tr><td>AA</td><td>BB</td><td>CC</td></tr>
<tr><td>AA</td><td>BB</td><td>CC</td></tr>
<tr><td>AA</td><td>BB</td><td>CC</td></tr>
<tr><td>AA</td><td>BB</td><td>CC</td></tr>
<tr><td>AA</td><td>BB</td><td>CC</td></tr>
<tr><td>AA</td><td>BB</td><td>CC</td></tr>
</table>
<script type="text/javascript">
$("table tr:even").css("background-color","green");
$("table tr:odd").css("color","red");
</script>
</body>
</html>
- jquery选择器tr:even获取偶数行、tr:odd 获取奇数行
- $("tr:even")--even选择器:选中偶数index值元素
- jQuery :even & :odd 选择器
- luogu2955 [USACO09OCT]奇数偶数Even? Odd?
- jquery even偶数选择器
- jquery 获取 tr 中控件值 操作tr
- jquery 单击table获取tr id
- Jquery 获取tr并更改td内容
- jquery 获取同tr下的内容
- jquery获取table tr input值
- jquery获取tr本行id属性
- Codewars解题Odd or Even?奇数或偶数
- jQuery选择器$("div span:last-chil/$("*") /$("#main > *")/$("tr:even")/$("td:eq(2)")/$("div:has(p)")(十五)
- jquery增删表格行tr
- jquery复制当前tr行
- Jquery 实现动态添加table tr 和删除tr 以及checkbox的全选 和 获取添加TR删除TR后的数据
- jquery 中获取table里tr的属性值
- jquery遍历table的tr获取td的值
- 那些年关于Focusable和clickable的坑,完美解决。
- tensorflow中mnist手写数字识别
- OkHttp 3.7源码分析(四)——缓存策略
- mybatis学习之框架原理
- OkHttp 3.7源码分析(五)——连接池
- jquery选择器tr:even获取偶数行、tr:odd 获取奇数行
- linux下如何备份分区表
- Ubuntu 16.04 libwxgtk2.8-dev报错
- 人工智能时代下的视觉设计
- 安卓学习
- ORA-01000: 超出打开游标的最大数 问题的分析和解决
- VMware与主机共享文件夹--进行文件的拷贝操作
- 算法导论15章习题
- CentOS 7 安装MySQL