1、$("#trID td").text()得到的是一个所以trID之中td的值 返回一个字符串。
2、$("#trID").children 得到一个trID下的所有td,然后遍历$("#trID").children使用.eq(index).text()得到td中的值;
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script language="javascript">
$(document).ready(function() {
$("#table a").each(function (){
this.onclick = function(){
var thisObj = this.parentNode.parentNode;
var a = $(thisObj).children();
var arr = new Array();
var laber = $("#xiugai label");
for(var i=0;i<a.length;i++){
arr[arr.length] = a.eq(i).text();
}
for(var i=0;i<laber.length;i++){
laber.eq(i).text(arr[i]);
}
$("#table").hide();
$("#xiugai").show(2000)
}
});
});
function fanhui(){
$("#table").show(2000);
$("#xiugai").hide(2000);
}
</script>
</head>
<body>
<div id ="table" >
<table width="470" border="0" cellspacing="0" cellpadding="0">
<tr id="tr1">
<td>id</td>
<td>名字</td>
<td>密码</td>
<td>操作</td>
</tr>
<tr id="tr2">
<td>1</td>
<td>张三</td>
<td>12</td>
<td><a href="#">删除</a></td>
</tr>
<tr id="tr3">
<td>2</td>
<td>李四</td>
<td>34</td>
<td><a href="#">删除</a></td>
</tr>
<tr id="tr4">
<td>3</td>
<td>王五</td>
<td>56</td>
<td><a href="#">删除</a></td>
</tr>
<tr id="tr5">
<td>4</td>
<td>六子</td>
<td>78</td>
<td><a href="#">删除</a></td>
</tr>
</table>
</div>
<div id ="xiugai" style="display:none; background-color:#FFC; height:360px; width:260px">
ID:<label></label><br />
姓名:<label></label><br />
密码:<label></label><br />
<button onclick="fanhui()">返回</button>
</div>
</body>
</html>
分享到:
相关推荐
下面小编就为大家带来一篇jquery遍历table的tr获取td的值实现方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本文实例讲述了JS与jQuery遍历Table所有单元格内容的方法。分享给大家供大家参考,具体如下: 用JS去遍历Table的所有单元格中的内容,可以用如下JS代码实现: function GetInfoFromTable(tableid) { var tableInfo...
jquery遍历节点树jquery遍历节点树jquery遍历节点树
jquery 遍历 学习
主要介绍了jQuery遍历Table的具体实现,需要的朋友可以参考下
jQuery 遍历 – 祖先 祖先是父、祖父或曾祖父等等。 通过 jQuery,您能够向上遍历 DOM 树,以查找元素的祖先。 向上遍历 DOM 树 这些 jQuery 方法很有用,它们用于向上遍历 DOM 树: parent() parents() ...
jQuery 遍历css选择器 学习
本篇文章提供一款jquery遍历select教程代码,主要是利用了$(“#<%=ddl_xreg_id.clientid%> option”).each(function() {形式来each遍历一次,这样所有的select就给查询了一次。 代码如下:[removed][removed]...
浅析jQuery 遍历函数,javascript中的each遍历_.docx
下面小编就为大家带来一篇jQuery 获取遍历获取table中每一个tr中的第一个td的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery 1.5 遍历xml节点属性源码,请参照博客文章http://blog.csdn.net/Pipi0714/archive/2011/02/16/6187357.aspx
map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。 二、语法 .map(callback(index,domElement)) 三、详细说明 由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以...
Jquery遍历json的两种数据结构.pdf
Jquery遍历json的两种数据结构.docxJquery遍历json的两种数据结构.docx
Jquery遍历json的两种数据结构借鉴.pdf
主要介绍了Jquery遍历Json数据的方法,涉及jQuery遍历json格式数据的相关技巧,非常具有实用价值,需要的朋友可以参考下
Jquery遍历json的两种数据结构[参照].pdf