定义表结构

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遍历表的更多相关文章

  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. Android 监听事件

    安卓中监听事件的三种实现方式 1.匿名内部类的实现方式 2.独立类的实现方式 3.实现接口方式实现 一.匿名内部类的实现 1.首先声明一个Button //声明一个Button private But ...

  2. c# 根据文件夹或文件名返回（文件夹或文件）的完整路径

    c#  根据文件夹或文件名返回(文件夹或文件)的完整路径 一.方案一:(使用windows API) 二.方案二:(扫描全盘)

  3. 201621123012 《Java程序设计》第6周学习总结

    1. 本周学习总结 1.1 面向对象学习暂告一段落,请使用思维导图,以封装.继承.多态为核心概念画一张思维导图或相关笔记,对面向对象思想进行一个总结. 注1:关键词与内容不求多,但概念之间的联系要清晰 ...

  4. golang并发练习代码笔记

    golang语言的精髓就是它的并发机制,十分简单,并且极少数在语言层面实现并发机制的语言,golang被成为网络时代的c语言,golang的缔造者也有c语言的缔造者,Go语言是google 推出的一门 ...

  5. Python3入门之软件安装

    获得更多资料欢迎进入我的网站或者 csdn或者博客园 最近将我的Python笔记整理下,希望能对他人有所帮助,这是第一课,安装入门篇: windows下安装Python 1.下载,从这里下载:[下载链 ...

  6. [jvm]垃圾回收与内存分配策略

    一.垃圾回收算法 概述 JVM中,当创建的对象不再被使用的时候,此时我们认为他是无用的“垃圾”:在现代主流的商用jvm中,都是通过可达性分析来判断对象是否存活的.这个算法的基本思想是通过一系列“GCR ...

  7. Servlet完全教程

    Servlet 是一些遵从Java Servlet API的Java类,这些Java类可以响应请求.尽管Servlet可以响应任意类型的请求,但是它们使用最广泛的是响应web方面的请求. Servle ...

  8. django bug 与陷阱

    环境:ubuntu,python3.4 1.QueryDict 陷阱 :以下语句语句是取每行的头元素,其中line应该是一个列表.问题是,line在实际运行中已经不是列表,而变成了列表中的头元素. 错 ...

  9. Android配置横屏资源与Activity生命周期

    屏幕旋转会改变设备配置(device configguration).设备设置的特征有:屏幕方向.屏幕像素密度.屏幕尺寸.键盘类型.底座模式以及语言等.    当屏幕发现旋转时(设备配置更改),And ...

  10. ui-grid样式，表格高度自适应行高，没有滚动条，去掉表头

    前后端设置: