jQuery遍历Table表格的行和列

遍历Table表格的行和列，在开发中比较常用的功能，特别是前端开发人员，不多说，直接上代码，下面代码只是弹出第一列字段，请各位自己根据需求修改和扩展！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>jQuery遍历Table表格的行和列</title>

    <script type="text/javascript" src="http://localhost/libs/jquery/2.1.1/jquery.min.js"></script>

    <script type="text/javascript">

        $(function() {

            $("#tab1 tr").each(function(rowIndex) {

                alert($(this).find("td").first().html());

            });

        });

    </script>

</head>

<body>

    <table id="tab1" border="1" style="border-collapse:collapse;width:100%;">

        <tr style="height:30px; font-weight:bold;" align="center">

            <td>序号</td>

            <td>编制号</td>

            <td>姓名</td>

            <td>单位</td>

            <td>职位</td>

        </tr>

        <tr style="height:30px;" align="center">

            <td>01</td>

            <td>BZ01</td>

            <td>张三</td>

            <td>编程入门</td>

            <td>软件工程师</td>

        </tr>

        <tr style="height:30px;" align="center">

            <td>02</td>

            <td>BZ02</td>

            <td>张四</td>

            <td>网页设计</td>

            <td>软件设计师</td>

        </tr>

        <tr style="height:30px;" align="center">

            <td>03</td>

            <td>BZ03</td>

            <td>张五</td>

            <td>软件工程</td>

            <td>软件工程师</td>

        </tr>

        <tr style="height:30px;" align="center">

            <td>04</td>

            <td>BZ04</td>

            <td>张六</td>

            <td>数据库教程</td>

            <td>数据库设计师</td>

        </tr>

        <tr style="height:30px;" align="center">

            <td>05</td>

            <td>BZ05</td>

            <td>张七</td>

            <td>网络技术</td>

            <td>测试人员</td>

        </tr>

    </table>

</body>

</html>

如果出现没有效果的同学，请检查 jquery.min.js 路径引用是否正确！

jQuery遍历Table表格的行和列的更多相关文章

jQuery 选择表格(table)里的行和列及改变简单样式
本文只是介绍如何用jQuery语句对表格中行和列进行选择以及一些简单样式改变,希望它可以对jQuery表格处理的深层学习提供一些帮助jQuery对表格(table)的处理提供了相当强大的功能,比如说对 ...
jquery隐藏table表格的某一列
jquery隐藏table表格的某一列: $('table tr').find('td:eq(13)').hide(); 隐藏table的第13列
POI教程之第二讲：创建一个时间格式的单元格，处理不同内容格式的单元格，遍历工作簿的行和列并获取单元格内容，文本提取
第二讲 1.创建一个时间格式的单元格 Workbook wb=new HSSFWorkbook(); // 定义一个新的工作簿 Sheet sheet=wb.createSheet("第一个 ...
Visual Studio 2017中使用正则修改部分内容如何使用ILAsm与ILDasm修改.Net exe(dll)文件 C#学习-图解教程(1)：格式化数字字符串小程序开发之图片转Base64（C#、.Net） jquery遍历table为每一个单元格取值及赋值。net加密解密相关方法 .net关于坐标之间一些简单操作
Visual Studio 2017中使用正则修改部分内容最近在项目中想实现一个小工具,需要根据类的属性<summary>的内容加上相应的[Description]特性,需要实现的效 ...
vue+element创建动态的form表单.以及动态生成表格的行和列
动态创建form表单,网上有插件 (form-create) 不过我不知道它怎么用,没有使用成功,如果你使用成功了,欢迎下方留言. 最后我使用了笨方法,针对各个表单写好通用的组件,然后根据type用v ...
jQuery遍历table中间tr td并获得td价值
jQuery遍历table中间tr td并获得td中间值 $(function(){ $("#tableId tr").find("td").each(func ...
jQuery遍历table中的tr td并获取td中的值
jQuery遍历table中的tr td并获取td中的值 $(function(){ $("#tableId tr").find("td").each(func ...
jQuery实现表格冻结行和列
前几天,遇到一个需求是要将表格的前几行和前几列冻结即固定,就是在有滚动条的情况下,保持那几行和那几列固定,这个需求其实是一个非常常见的需求,因为在涉及好多行和列时,在拖动滚动条时,我们需要知道每行每列 ...
js遍历table 和 jquery 遍历table
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...

随机推荐

ubuntu server usb安装盘制作问题
本来服务器上装的是windows server 2003,开多个虚拟机装linux来用,但发现不管是vmware还是virtualbox,总是有内存泄漏,大约2个星期左右16G内存就全没了,任务管理器 ...
9、samtool view
参考:https://www.sogou.com/link?url=DOb0bgH2eKh1ibpaMGjuy6YnbQPc3cuKbWqIy1k6SBFomuBEhdSpHkUUZED5fr2OTk ...
Struts2学习第五课通过和ServletAPI耦合的方式获取WEB资源
与Servlet耦合的访问方式直接访问Servlet API将使Action与环境Servlet环境耦合在一起,测试时需要有Servlet容器,不便对Action的单元测试. 直接获取HttpSer ...
Razor中的内容标记块语法
在C#中,有两种方法来进行内容块标记第一种方式用@: 来标识 @if (true) { @: 测试内容标记块 @DateTime.Now.ToString() } <hr /> 第2种 ...
hdu1067
#include<iostream> #include<cstdio> #include<cstring> #include<cmath> #inclu ...
Django 之 logging
1. logging 1.1 什么是 logging logging 模块是 Python 内置的日志管理模块,不需要额外安装. 使用: import logging logging.critical ...
Oracle 11g 、 Oracle 11g select 、 PLSQL 、 Sql Server迁移助手(SSMA)6.0/7.1 网盘下载地址
- - - - - - - - 链接: https://pan.baidu.com/s/1q-uwAfeLOPxzBBx6V1pYLg 提取码: hei9
定时处理组件---Quartz.net
1.认识任务调度所谓任务调度,就是以将业务区块任务化(即抽象成每一个独立的任务,执行每个任务便完成某种业务的需求).比如,我们有一个订单系统,现在有这样的一个需求,就是需要在某一时间点去扫描数据库, ...
SAS笔记(3) LAG和DIFF函数
在实际的应用中,我们会想查看当前观测的上一个观测值,在上一篇博客中我们使用了RETAIN语句来记录上一条观测,其实SAS还提供了一个很好用的函数LAG.当我们使用函数时,一定要明确该函数的返回值是什么 ...
Codeforces 92C【二分】
意: 求最少需要几个s1串拼接存在子串s2 (1≤|s1|≤1e4,1≤|s2|≤1e6). 思路(感谢ZQC): 每个字母的出现位置存个vector. 假设你当前已经用了A串的前x个字符,现在想要匹 ...

jQuery遍历Table表格的行和列

jQuery遍历Table表格的行和列的更多相关文章

随机推荐

热门专题