定义表结构

1. 通过id遍历

  1. <html>
  2. <body>
  3.  
  4. <table id="tb" border="1">
  5. <tr>
  6.     <td>row1,cell1</td>    <td>row1,cell2</td>
  7. </tr>
  8.  
  9. <tr>
  10.     <td>row2,cell1</td>    <td>row2,cell2</td>
  11. </tr>
  12.  
  13. <tr>
  14.     <td>row3,cell1</td>    <td>row3,cell2</td>
  15. </tr>
  16. </table>
  17. <button type="button" onclick="f()">click me</button>
  18.  
  19. <script>
  20. function f()
  21. {
  22.     var t=document.getElementById("tb");
  23.     if (t)
  24.     {
  25.         for(var i=0; i< t.rows.length; i++)
  26.         {
  27.             for(var j=0; j<t.rows[i].cells.length; j++)
  28.             {
  29.                 alert(t.rows[i].cells[j].innerText);
  30.             }
  31.         }
  32.     }
  33. }
  34. </script>
  35.  
  36. </body>
  37. </html>

2. 通过jQuery遍历

  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. </head>
  5. <body>
  6.  
  7. <table class="tb" border="1">
  8. <tr>
  9.     <td>row1,cell1</td>
  10.     <td>row1,cell2</td>
  11. </tr>
  12.  
  13. <tr>
  14.     <td>row2,cell1</td>
  15.     <td>row2,cell2</td>
  16. </tr>
  17.  
  18. </table>
  19.  
  20. <script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script>
  21.  
  22. <script>
  23. $(document).ready(function(){
  24.         $("td").each(function(){
  25.             alert($(this).text());
  26.         })
  27. })
  28. </script>
  29.  
  30. </body>
  31. </html>

添加按钮，按按钮时弹出

  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. </head>
  5. <body>
  6.  
  7. <table class="tb" border="1">
  8. <tr>
  9.     <td>row1,cell1</td>
  10.     <td>row1,cell2</td>
  11. </tr>
  12.  
  13. <tr>
  14.     <td>row2,cell1</td>
  15.     <td>row2,cell2</td>
  16. </tr>
  17.  
  18. </table>
  19. <button type="button">click me</button>
  20.  
  21. <script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script>
  22.  
  23. <script>
  24. $(document).ready(function(){
  25.         $("button").click(function(){
  26.             $("td").each(function(){
  27.                 alert($(this).text());
  28.             })
  29.         })
  30. })
  31. </script>
  32.  
  33. </body>
  34. </html>

javascript遍历表的更多相关文章

  1. JavaScript遍历表单元素

    运行效果: 源代码: 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta char ...

  2. js如何遍历表单所有控件

    js如何遍历表单所有控件 一.总结 一句话总结: 1.获取form表单里面的的所有元素:通过formelement.elements,这里form元素通过name属性直接定位 var fele=for ...

  3. SQL Server遍历表的几种方法

    在数据库开发过程中,我们经常会碰到要遍历数据表的情形,一提到遍历表,我们第一印象可能就想到使用游标,使用游标虽然直观易懂,但是它不符合面向集合操作的原则,而且性能也比面向集合低.当然,从面向集合操作的 ...

  4. SQL Server遍历表的几种方法 转载

    SQL Server遍历表的几种方法 阅读目录 使用游标 使用表变量 使用临时表 在数据库开发过程中,我们经常会碰到要遍历数据表的情形,一提到遍历表,我们第一印象可能就想到使用游标,使用游标虽然直观易 ...

  5. SQL2005 遍历表插入

    /* sql2005遍历表(方法1) insert into 数据表(userid,adddate) values((select userid from 用户表),date); */ /*sql20 ...

  6. SQL Server中如何实现遍历表的记录

    SQL Server遍历表一般都要用到游标,SQL Server中可以很容易的用游标实现循环,实现SQL Server遍历表中记录. 但游标在实际的开发中都不推荐使用. 我们知道还可以借助临时表或表变 ...

  7. SQL Server遍历表中记录的2种方法

    SQL Server遍历表一般都要用到游标,SQL Server中可以很容易的用游标实现循环,实现SQL Server遍历表中记录.本文将介绍利用使用表变量和游标实现数据库中表的遍历. 表变量来实现表 ...

  8. mongo遍历表

    $mongo = new MongoClient("mongodb://192.168.8.189:27017"); $collectObj = $mongo->select ...

  9. oracle遍历表更新另一个表（一对多）

    declare cursor cur_test is select t.txt_desig, m.segment_id, s.code_type_direct, case when s.uom_dis ...

随机推荐

  1. 选择性的使用 serialize() 进行序列化

    serialize 非常方便的帮我们创建 URL 编码文本字符串 输出的字符串格式为 a=1&b=2&c=3  直接可用于Url传参 下面介绍一下选择性的序列化某些标签的使用方法 将 ...

  2. VSCode调试C#控制台与单元测试

    公司前端最近项目里面在用VSCode编写前端代码,觉得这个编辑器很轻便,既然是微软出的,肯定支持C#,就去网上查了查资料,发现还真是支持C#,并且蛮多地方用到dotnet命令,哈哈. 1.powers ...

  3. 「CF932E」 Team Work

    题目链接 戳我 题意 有\(n\)个箱子,从中选出\(i\)个箱子,然后把\(k\)个不同的球装在这\(i\)个箱子中,求方案数. 实际上这题就是求: \[ \sum_{i=1}^nc_n^i*i^k ...

  4. 有符号数和无符号数------c++程序设计原理与实践（进阶篇）

    有符号数与无符号数的程序设计原则: 当需要表示数值时,使用有符号数(如 int). 当需要表示位集合时,使用无符号数(如unsigned int). 有符号数和无符号数混合运算有可能会带来灾难性的后果 ...

  5. 老程序员解Bug的通用套路

    千万不要当程序员面说有bug 对于新手程序员而言,在复杂代码中找BUG是一个难点.下面我们总结下老从程序员解Bug的通用套路,希望对大家有帮助. 1.IDE调试 根据项目特点和语言特点选择一个最合适的 ...

  6. luoguP4172 [WC2006]水管局长

    https://www.luogu.org/problemnew/show/P4172 考虑倒序处理所有操作 先把不会被删掉的边加入图中,LCT 维护最小生成树,再倒序插入每一条边,如果边的 ( l, ...

  7. spark-2.2.1在centos7安装

    前言 在安装Spark之前,我们需要安装Scala语言的支持.在此我选择的是scala-2.11.12版本.jdk8也要保证已经安装好并且配置好环境变量 scala-2.11.12下载 为了方便,我先 ...

  8. P3480 [POI2009]KAM-Pebbles 阶梯NIM

    $ \color{#0066ff}{ 题目描述 }$ 有N堆石子,除了第一堆外,每堆石子个数都不少于前一堆的石子个数.两人轮流操作每次操作可以从一堆石子中移走任意多石子,但是要保证操作后仍然满足初始时 ...

  9. php Tp5下mysql的增删改查

    // 增 public function insert(){ $data = array( "username"=>"user121", "pa ...

  10. ubuntu18.04 安装mongodb 数据库

    工具: 系统:ubuntu18.04  64位 数据库:mongodb GUI:Robo 3T           描述:在win 下面使用Robo 3T  连接Mongodb 数据库 一. 安装mo ...