思享工具箱

转：jQuery 遍历Table中tr中的td中的内容

摘要：
2. $. 孩子们在一个trID下获得所有td，然后遍历$。儿童使用td获取值。eq.text（）；˂！

1、$("#trID td").text()得到的是一个所以trID之中td的值 返回一个字符串。

2、$("#trID").children 得到一个trID下的所有td，然后遍历$("#trID").children使用.eq(index).text()得到td中的值;

 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <htmlxmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <metahttp-equiv="Content-Type"content="text/html; charset=gb2312"/> 
  5. <title>无标题文档</title> 
  6. <scriptlanguage="javascript"src="jquery-1.6.2.min.js"type="text/javascript"></script> 
  7. <scriptlanguage="javascript"> 
  8.  
  9. $(document).ready(function() { 
  10.         $("#table a").each(function (){ 
  11.         this.onclick = function(){ 
  12.             var thisObj = this.parentNode.parentNode; 
  13.             var a = $(thisObj).children(); 
  14.             var arr = new Array(); 
  15.             var laber = $("#xiugai label"); 
  16.             for(var i=0;i<a.length;i++){ 
  17.                 arr[arr.length] = a.eq(i).text(); 
  18.             } 
  19.             for(var i=0;i<laber.length;i++){ 
  20.                 laber.eq(i).text(arr[i]); 
  21.             } 
  22.              
  23.             $("#table").hide(); 
  24.             $("#xiugai").show(2000) 
  25.         } 
  26.     }); 
  27. }); 
  28.  
  29. function fanhui(){ 
  30.     $("#table").show(2000); 
  31.     $("#xiugai").hide(2000);     
  32. } 
  33.  
  34.  
  35. </script> 
  36. </head> 
  37.  
  38. <body> 
  39. <divid ="table">  
  40. <tablewidth="470"border="0"cellspacing="0"cellpadding="0"> 
  41.   <trid="tr1"> 
  42.     <td>id</td> 
  43.     <td>名字</td> 
  44.     <td>密码</td> 
  45.     <td>操作</td> 
  46.   </tr> 
  47.   <trid="tr2"> 
  48.     <td>1</td> 
  49.     <td>张三</td> 
  50.     <td>12</td> 
  51.     <td><ahref="#">删除</a></td> 
  52.   </tr> 
  53.   <trid="tr3"> 
  54.     <td>2</td> 
  55.     <td>李四</td> 
  56.     <td>34</td> 
  57.     <td><ahref="#">删除</a></td> 
  58.   </tr> 
  59.   <trid="tr4"> 
  60.     <td>3</td> 
  61.     <td>王五</td> 
  62.     <td>56</td> 
  63.     <td><ahref="#">删除</a></td> 
  64.   </tr> 
  65.   <trid="tr5"> 
  66.     <td>4</td> 
  67.     <td>六子</td> 
  68.     <td>78</td> 
  69.     <td><ahref="#">删除</a></td> 
  70.   </tr> 
  71. </table> 
  72. </div> 
  73. <divid ="xiugai"style="display:none; background-color:#FFC; height:360px; 260px"> 
  74.     ID：<label></label><br/> 
  75.     姓名:<label></label><br/> 
  76.     密码:<label></label><br/> 
  77.     <buttononclick="fanhui()">返回</button> 
  78. </div> 
  79. </body> 
  80. </html> 

标签：#table#td#jquery | 浏览：169 | 发布日期：

免责声明：文章转载自《转：jQuery 遍历Table中tr中的td中的内容》仅用于学习参考。如对内容有疑问，请及时联系本站处理。

上篇485总线单点对多点问题IDEA创建Activiti工作流开发下篇

宿迁高防，2C2G15M，22元/月；香港BGP，2C5G5M，25元/月 雨云优惠码：MjYwNzM=

相关文章

关于Oracle表碎片整理

数据库在日常使用过程中，不断的insert，delete，update操作，导致表和索引出现碎片是在所难免的事情，碎片多了，sql的执行效率自然就差了，道理很简单，高水位线（HWL）下的许多数据块都是无数据的，但全表扫描的时候要扫描到高水位线的数据块，也就是说oracle要做许多的无用功！因此oracle提供了shrink space碎片整理功能。对于索引...

JQuery 导入导出 Excel

正在做一个小项目, 从数据库中查询数据放在 HTML Table 中. 现在想要从这个 table 中导出数据来. 另外用户需要选择导出的列. 使用jQuery的导出插件可以完成这个需求. jQuery Plugin to Export HTML Tables 例子: 导入插件: [javascript]view plaincopy <scr...

element UI 之table表格表头过长使用点点...显示，并添加鼠标移入悬浮显示

需求: 鼠标移入表头： 1、样式中添加 .el-table .cell {word-break: keep-all !important;white-space: nowrap !important;}2、在需要悬浮显示的表头文字过长处添加 :show-overflow-tooltip="true":render-header="renderHeade...

JQuery EasyUI datagrid 批量编辑和提交

前台主要代码： <script type="text/javascript"> $(function() { var $dg = $("#dg"); $dg.datagrid({ url : "servlet/list", width : 700,...

HTML表格基础详解

       在现在 div 大行其道的时代，table 这个标签似乎很少被人提及，到处都是 div+css 布局的书以及博客文章，但其实 table 以及连带的其他表格标签依然在网页中占很重要的地位，特别是后台展示数据的时候表格运用是否熟练就显得很重要，一个清爽简约的表格能够把繁杂的数据表现得很有条理，虽然 div 布局也可以做到，但是总没有表格来得方便...

jquery新窗口打开链接

第一种：下面的代码是针对m35ui这个样式下的a都是在新窗口打开 <script type="text/javascript"> jQuery(document).ready(function($) { $('.m35ui a').attr({target: "_blank"}); }); </script> 第二种： <sc...

最新文章

随机推荐

思享工具箱导航