javascript遍历表
定义表结构
1. 通过id遍历
<html>
<body> <table id="tb" border="1">
<tr>
<td>row1,cell1</td> <td>row1,cell2</td>
</tr> <tr>
<td>row2,cell1</td> <td>row2,cell2</td>
</tr> <tr>
<td>row3,cell1</td> <td>row3,cell2</td>
</tr>
</table>
<button type="button" onclick="f()">click me</button> <script>
function f()
{
var t=document.getElementById("tb");
if (t)
{
for(var i=0; i< t.rows.length; i++)
{
for(var j=0; j<t.rows[i].cells.length; j++)
{
alert(t.rows[i].cells[j].innerText);
}
}
}
}
</script> </body>
</html>
2. 通过jQuery遍历
<html>
<head>
<meta charset="utf-8">
</head>
<body> <table class="tb" border="1">
<tr>
<td>row1,cell1</td>
<td>row1,cell2</td>
</tr> <tr>
<td>row2,cell1</td>
<td>row2,cell2</td>
</tr> </table> <script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script> <script>
$(document).ready(function(){
$("td").each(function(){
alert($(this).text());
})
})
</script> </body>
</html>
添加按钮，按按钮时弹出
<html>
<head>
<meta charset="utf-8">
</head>
<body> <table class="tb" border="1">
<tr>
<td>row1,cell1</td>
<td>row1,cell2</td>
</tr> <tr>
<td>row2,cell1</td>
<td>row2,cell2</td>
</tr> </table>
<button type="button">click me</button> <script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script> <script>
$(document).ready(function(){
$("button").click(function(){
$("td").each(function(){
alert($(this).text());
})
})
})
</script> </body>
</html>
javascript遍历表的更多相关文章
- JavaScript遍历表单元素
运行效果: 源代码: 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta char ...
- js如何遍历表单所有控件
js如何遍历表单所有控件 一.总结 一句话总结: 1.获取form表单里面的的所有元素:通过formelement.elements,这里form元素通过name属性直接定位 var fele=for ...
- SQL Server遍历表的几种方法
在数据库开发过程中,我们经常会碰到要遍历数据表的情形,一提到遍历表,我们第一印象可能就想到使用游标,使用游标虽然直观易懂,但是它不符合面向集合操作的原则,而且性能也比面向集合低.当然,从面向集合操作的 ...
- SQL Server遍历表的几种方法 转载
SQL Server遍历表的几种方法 阅读目录 使用游标 使用表变量 使用临时表 在数据库开发过程中,我们经常会碰到要遍历数据表的情形,一提到遍历表,我们第一印象可能就想到使用游标,使用游标虽然直观易 ...
- SQL2005 遍历表插入
/* sql2005遍历表(方法1) insert into 数据表(userid,adddate) values((select userid from 用户表),date); */ /*sql20 ...
- SQL Server中如何实现遍历表的记录
SQL Server遍历表一般都要用到游标,SQL Server中可以很容易的用游标实现循环,实现SQL Server遍历表中记录. 但游标在实际的开发中都不推荐使用. 我们知道还可以借助临时表或表变 ...
- SQL Server遍历表中记录的2种方法
SQL Server遍历表一般都要用到游标,SQL Server中可以很容易的用游标实现循环,实现SQL Server遍历表中记录.本文将介绍利用使用表变量和游标实现数据库中表的遍历. 表变量来实现表 ...
- mongo遍历表
$mongo = new MongoClient("mongodb://192.168.8.189:27017"); $collectObj = $mongo->select ...
- oracle遍历表更新另一个表（一对多）
declare cursor cur_test is select t.txt_desig, m.segment_id, s.code_type_direct, case when s.uom_dis ...
随机推荐
- 手机打车APP的机遇与挑战
所谓打车APP,就是个能安装在手机上的打车软件.原理是通过GPS进行定位,能够搜索附近的空车信息然后反馈给用户.同样的,空车信息也会反馈给用户.一般这种啊APP都是跟地图类软件一起的.比如百度地图,谷 ...
- svn下载安装
TortoiseSVN 下载地址:http://subversion.apache.org/packages.html#windows VisualSVN Server 下载地址:https://ww ...
- ajax 判断账户密码 调取数据模糊查询 时钟
一.判断账户密码 <Login.html> <head> <meta http-equiv="Content-Type" content=" ...
- property特性
什么是property property是一种特殊属性,访问他时会执行一段功能然后返回值 class People: def __init__(self,name,weight,height): se ...
- 20165219 2017-2018-2 《Java程序设计》第7周学习总结
20165219 2017-2018-2 <Java程序设计>第7周学习总结 课本知识总结 第11章 JDBC与MySQL数据库 连接数据库 1下载JDBC-MySQL数据库驱动 2 加载 ...
- ubuntu安装nginx与配置
命令行安装:(当前时间为2018.11,版本为1.10.3) sudo apt-get install nginx 安装好的文件位置: /usr/sbin/nginx:主程序 /etc/nginx:存 ...
- MySQL 学习笔记（二）：数据库更新、视图和数据控制
基础准备: 在 school 数据库下建立student.course.sc 三个表: create table student( Sno ) primary key, Sname ) unique, ...
- Postman接口测试之POST、GET请求方法
一.基础知识 1.HTTP的五种请求方法:GET, POST ,HEAD,OPTIONS, PUT, DELETE, TRACE 和 CONNECT 方法. GET请求:请求指定的页面信息,并返回实体 ...
- 浏览器HTTP_USER_AGENT汇总——Firefox、Chrome、IE9、IE8、IE7、IE6
结论: 浏览器 \ OS XP(IE6) XP(IE7) XP(IE8) Win7 x64(IE9) 猎豹浏览器2.0急速模式 Chrome/21 猎豹浏览器2.0兼容模式 IE6 ...
- JUC包下CountDownLatch学习笔记
CountDownLatch的作用是能使用多个线程进来之后,且线程任务执行完毕之后,才执行, 闭锁(Latch):一种同步方法,可以延迟线程的进度直到线程到达某个终点状态.通俗的讲就是,一个闭锁相当于 ...