本文实例讲述了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拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索jquery
， table表格
第一列值
jquery实现表格增删改、jquery实现表格分页、jquery实现表格排序、jquery实现可编辑表格、jquery实现表格，以便于您获取更多的相关知识。
时间： 2025-01-26 14:19:47