定义表结构

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. HTTP总结

    参考: https://www.cnblogs.com/fuqiang88/p/5956363.html https://www.cnblogs.com/zlingh/p/5887143.html h ...

  2. SignalR-001

    SignalR 是什么? ASP.NET Core SignalR 是一个开放源代码库,它简化了向应用添加实时 web 功能. 实时 web 功能立即使服务器端代码能够将内容推送到客户端. 一.有这么 ...

  3. 题解 P1534 【不高兴的津津（升级版）】

    题目链接 不算太难.就是题目有歧义. wa了好几次才发现.上一天要是小于8的话.结算是昨天一个负值在加上今天课时数.再减去8.233.... 而不是上一天小于8个小时.就清零了..大家要注意(ps:题 ...

  4. django自定义rbac权限组件(二级菜单)

    一.目录结构 二.表结构设计 model.py from django.db import models # Create your models here. class Menu(models.Mo ...

  5. SHELL编程之条件判断

    一.if 语句结构 (1)单分支语句结构 if  条件测试操作 then  命令序列 fi #!/bin/bash MOUNT_DIR="/media/cdrom/" #-d $M ...

  6. Qt 学习之路 2（72）：线程和事件循环

    Qt 学习之路 2(72):线程和事件循环 <理解不清晰,不透彻>  --  有需求的话还需要进行专题学习  豆子  2013年11月24日  Qt 学习之路 2  34条评论 前面一章我 ...

  7. em 与 rem 区别.

    em 与自身  字体大小有关. rem 与 body 的字体大小有关..

  8. 设置select不可修改

    <s:select id="notSelectChange" list="#{'1':'表示每月几号','2':'表示每季度第几天','3':'表示每年第几月'}& ...

  9. bzoj1087 互不侵犯King 状压dp+bitset

    题目传送门 题目大意:中文题面. 思路:又是格子,n又只有9,所以肯定是状压dp,很明显上面一行的摆放位置会影响下一行,所以先预处理出怎样的二进制摆放法可以放在上下相邻的两行,这里推荐使用bitset ...

  10. Avito Cool Challenge 2018：D. Maximum Distance （最小生成树）

    题目链接 题意 : 给出一个联通图和一些特殊的点,现在定义cost(u,v)为一条从u到v的路径上面边权的最大值 , 定义dis(u,v) 为从u到v 路径上面cost 的最小值 然后求所有特殊点到其 ...