jQuery实现获取table表格第一列值的方法


Posted in Javascript onMarch 01, 2016

本文实例讲述了jQuery实现获取table表格第一列值的方法。分享给大家供大家参考,具体如下:

先来看看运行效果截图:

jQuery实现获取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>无标题页</title>
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
  $("#Button1").click(function(){
    var cols="";
    $("#tb tr").each(function(){
      var text = $(this).children("td:first").text();
      cols+=text+"|";
    })
    cols=cols.length>0?cols.substring(0,cols.length-1):"";
    alert(cols);
  })
})
</script>
</head>
<body>
  <input id="Button1" type="button" value="button" />
  <table id="tab1" border="1" style="width:100%;">
    <tr>
      <th>Id</th>
      <th>Name</th>
      <th>Address</th>
    </tr>
    <tbody id="tb">
    <tr>
      <td>11</td>
      <td>leaf</td>
      <td>gz</td>
    </tr>
    <tr>
      <td>22</td>
      <td>flower</td>
      <td>gz</td>
    </tr>
    </tbody>
  </table>
</body>
</html>

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)
Apr 02 Javascript
javascript date格式化示例
Sep 25 Javascript
JS判断浏览器是否支持某一个CSS3属性的方法
Oct 17 Javascript
JavaScript中使用Math.floor()方法对数字取整
Jun 15 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
Aug 20 Javascript
jquery validate表单验证的基本用法入门
Jan 18 Javascript
ES6新特性一: let和const命令详解
Apr 20 Javascript
Node.js环境下Koa2添加travis ci持续集成工具的方法
Jun 19 Javascript
vue实现微信分享朋友圈,发送朋友的示例讲解
Feb 10 Javascript
详解多页应用 Webpack4 配置优化与踩坑记录
Oct 16 Javascript
微信小程序实现留言板功能
Nov 02 Javascript
Angular设置别名alias的方法
Nov 08 Javascript
JavaScript Date对象详解
Mar 01 #Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
Mar 01 #Javascript
jQuery增加与删除table列的方法
Mar 01 #Javascript
JavaScript如何实现组合列表框中元素移动效果
Mar 01 #Javascript
JavaScript常用函数工具集:lao-utils
Mar 01 #Javascript
JavaScript Array对象详解
Mar 01 #Javascript
jQuery计算文本框字数及限制文本框字数的方法
Mar 01 #Javascript
You might like
php解析xml提示Invalid byte 1 of 1-byte UTF-8 sequence错误的处理方法
2013/11/14 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(一)
2014/06/23 PHP
总结一些js自定义的函数
2006/08/05 Javascript
Javascript优化技巧(文件瘦身篇)
2008/01/28 Javascript
jQuery点击tr实现checkbox选中的方法
2013/03/19 Javascript
jQuery+CSS3实现树叶飘落特效
2015/02/01 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
2015/12/03 Javascript
浅谈JavaScript for循环 闭包
2016/06/22 Javascript
详解vue.js组件化开发实践
2016/12/14 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
2017/03/15 Javascript
JavaScript实现经纬度转换成地址功能
2017/03/28 Javascript
form表单序列化详解(推荐)
2017/08/15 Javascript
Vue 莹石摄像头直播视频实例代码
2018/08/31 Javascript
图片文字识别(OCR)插件Ocrad.js教程
2018/11/26 Javascript
vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
2018/11/29 Javascript
浅谈关于JS下大批量异步任务按顺序执行解决方案一点思考
2019/01/08 Javascript
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
2019/02/21 Javascript
Vue动态组件与异步组件实例详解
2019/02/23 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
2019/06/04 Javascript
Vue.js实现tab切换效果
2019/07/24 Javascript
Windows下安装Django框架的方法简明教程
2018/03/28 Python
python 快速把超大txt文件转存为csv的实例
2018/10/26 Python
在python中只选取列表中某一纵列的方法
2018/11/28 Python
python+opencv实现高斯平滑滤波
2020/07/21 Python
Python利用lxml模块爬取豆瓣读书排行榜的方法与分析
2019/04/15 Python
详解Python利用random生成一个列表内的随机数
2019/08/21 Python
python opencv实现图片缺陷检测(讲解直方图以及相关系数对比法)
2020/04/07 Python
python判断元素是否存在的实例方法
2020/09/24 Python
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
Belvilla法国:休闲度假房屋出租
2020/10/03 全球购物
研修第一天随笔感言
2014/02/15 职场文书
航海技术专业毕业生推荐信
2014/07/09 职场文书
设立有限责任公司出资协议书
2014/11/01 职场文书
导游词之安徽巢湖
2019/12/26 职场文书
python实现图片九宫格分割的示例
2021/04/25 Python
Django+Celery实现定时任务的示例
2021/06/23 Python