编程 Javascript

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

Posted in Javascript onMarch 01, 2016

本文实例讲述了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程序设计有所帮助。

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

- Author -

yenange

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript对象、属性、事件手册集合方便查询

Jul 04 Javascript

使用jQuery.fn自定义jQuery翻页插件

Jan 20 Javascript

纯js简单日历实现代码

Oct 05 Javascript

原生js编写设为首页兼容ie、火狐和谷歌

Jun 05 Javascript

JavaScript中的无阻塞加载性能优化方案

Oct 10 Javascript

JavaScript实现列表分页功能特效

May 15 Javascript

jQuery实现鼠标选文字发新浪微博的方法

Apr 02 Javascript

完美实现八种js焦点轮播图（下篇）

Apr 20 Javascript

功能强大的jquery.validate表单验证插件

Nov 07 Javascript

javascript中Number的方法小结

Nov 21 Javascript

Node.js获取前端ajax提交的request信息

Feb 20 Javascript

浅谈Vue.js 关于页面加载完成后执行一个方法的问题

Apr 01 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