简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:3482 次  日期:2016-08-04 15:32:15

温馨提示:易贤网小编为您整理了“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程序设计有所帮助。

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:jQuery获取某天的农历日期并判断是否除夕或新年的方法
下一篇:JavaScript Date对象详解
易贤网手机网站地址:jQuery实现获取table表格第一列值的方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!