·您现在的位置： 云翼网络 >> 文章中心 >> 网站建设 >> 网站建设开发 >> ASP.NET网站开发 >> jQuery遍历Table tr td td中包含标签
- [vb.net]控制台进度条的示例
- 如何最大限度提高.NET的性能 （续）
- ActiveReports for .NET 简单使用
- ASP.NET MVC学前篇之请求流程
- 程序员必备英语.net版（.net菜鸟的成长之路-零基础到精通）
- 经过实际验证的C#调用Haskell的方法
- 遍历文件夹
- Asp.Net 性能 ViewState 压缩的2种方法
- 将HTML转成XHTML并清除一些无用的标签和属性
- MailBee的简单使用
- c# HttpWebRequest与HttpWebResponse（转）
- 从ASP过渡到ASP.net遗留的二十大积习
- 用于MySql的SqlHelper
- [视频教程]北大青鸟ASP.NET教程第18讲
- vs2013转为vs2010项目
- 使用 .netScriptManager和UpdatePanel控件 无法弹出提示窗口的问题 解决办法
- ASP.NET在实际开发中验证码的用法
- 如何实现无刷新的DropdownList联动效果
- C# 反射 表达式树 模糊搜索
- [视频]Visual Studio 2005入门之函数兼本章总结
- 在DataGrid控件中获取数据项中各列的数据内容
- 新手浅谈C#Task异步编程
- Comet服务器推送与SignalR
- C#中WinForm窗体事件的执行次序
- 将多次查询的数据填充到同一数据源
- asp.net 跑马灯 怎样从文件夹里读取图片,怎样实现？
- 常用的匹配正则表达式和实例
- 十天学会ASP.net之第八天
- asp.net中对数据库表插入null空值的问题
- 微软简化Visual Studio 非程序员也能开发软件
jQuery遍历Table tr td td中包含标签
作者：佚名 ASP.NET网站开发编辑：admin 更新时间：2022-07-23
jQuery遍历Table tr td td中包含标签
1 function shengchen() { 2 var arrTR = $("#tbModule").children(); 3 var Context=""; 4 $("#tbModule").find("tr").each(function () { 5 var arrtd = $(this).children(); 6 tdContext = $.trim(arrtd.eq(0).text()); 7 tdContext += ":" + arrtd.eq(2).find("input").val() + ";"; 8 Context += tdContext; 9 })10 Context= Context.substring(Context.indexOf(";")+1);11 $("#txtContent").val(Context);12 }我这里是通过点击 来获取 table中的td的数据，其中一个td包含一个input标签
通过
$("#tbModule").find("tr").each(function () {})来获回去所有行的对象，通过
$(this).children();
来获取行内所有的td，通过
arrtd.eq(0)
来获取某个制定的td，这里你也可以用循环来获取数据，注释的部分是获取td中标签的值
1 for (var k = 0; k < arrtd.length; k++) {2 var con = arrtd.eq(k).text();3 //var con = arrtd.eq(2).find("input").val();4 }全部代码
1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="BianLi.aspx.cs" Inherits="jQueryDemoWeb.BianLi" %> 2 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 4 <html xmlns="http://www.w3.org/1999/xhtml"> 5 <head runat="server"> 6 <title></title> 7 <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 8 <script> 9 function shengchen() { 10 var arrTR = $("#tbModule").children(); 11 var Context = ""; 12 $("#tbModule").find("tr").each(function () { 13 var arrtd = $(this).children(); 14 tdContext = $.trim(arrtd.eq(0).text()); 15 tdContext += ":" + arrtd.eq(2).find("input").val() + ";"; 16 Context += tdContext; 17 18 // for (var k = 0; k < arrtd.length; k++) { 19 // var con = arrtd.eq(k).text(); 20 // //var con = arrtd.eq(2).find("input").val(); 21 // } 22 23 }) 24 Context = Context.substring(Context.indexOf(";") + 1); 25 $("#txtContent").val(Context); 26 } 27 28 </script> 29 </head> 30 <body> 31 <form id="form1" runat="server"> 32 <div> 33 <table id="tbModule" width="100%" cellpadding="0" cellspacing="0" style="border-right: 1px solid #D2D2D2; 34 border-left: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2;"> 35 <tr> 36 <td class="tb_d1" style="width: 60px;"> 37 编号 38 </td> 39 <td class="tb_d1" style="width: 60px;"> 40 名称 41 </td> 42 <td class="tb_d2" style="width: 80px;"> 43 终端数量 44 </td> 45 </tr> 46 <tr id='1'> 47 <td id='dt11' class="tb_d1" style="width: 60px;"> 48 1 49 </td> 50 <td id="dt21" class="tb_d1" style="width: 60px;"> 51 前台收银 52 </td> 53 <td class="tb_d2" style="width: 80px;"> 54 <input name="rptModule$ctl00$txtCount" type="text" value="3" id="rptModule_ctl00_txtCount" 55 style="width: 60px;" /> 56 </td> 57 </tr> 58 <tr id='2'> 59 <td id='dt12' class="tb_d1" style="width: 60px;"> 60 2 61 </td> 62 <td id="dt22" class="tb_d1" style="width: 60px;"> 63 打印服务器 64 </td> 65 <td class="tb_d2" style="width: 80px;"> 66 <input name="rptModule$ctl01$txtCount" type="text" value="3" id="rptModule_ctl01_txtCount" 67 style="width: 60px;" /> 68 </td> 69 </tr> 70 <tr id='3'> 71 <td id='dt13' class="tb_d1" style="width: 60px;"> 72 3 73 </td> 74 <td id="dt23" class="tb_d1" style="width: 60px;"> 75 无线服务器 76 </td> 77 <td class="tb_d2" style="width: 80px;"> 78 <input name="rptModule$ctl02$txtCount" type="text" value="3" id="rptModule_ctl02_txtCount" 79 style="width: 60px;" /> 80 </td> 81 </tr> 82 <tr id='4'> 83 <td id='dt14' class="tb_d1" style="width: 60px;"> 84 4 85 </td> 86 <td id="dt24" class="tb_d1" style="width: 60px;"> 87 会员管理 88 </td> 89 <td class="tb_d2" style="width: 80px;"> 90 <input name="rptModule$ctl03$txtCount" type="text" value="3" id="rptModule_ctl03_txtCount" 91 style="width: 60px;" /> 92 </td> 93 </tr> 94 <tr id='5'> 95 <td id='dt15' class="tb_d1" style="width: 60px;"> 96 5 97 </td> 98 <td id="dt25" class="tb_d1" style="width: 60px;"> 99 库存管理100 </td>101 <td class="tb_d2" style="width: 80px;">102 <input name="rptModule$ctl04$txtCount" type="text" value="3" id="rptModule_ctl04_txtCount"103 style="width: 60px;" />104 </td>105 </tr>106 <tr id='6'>107 <td id='dt16' class="tb_d1" style="width: 60px;">108 6109 </td>110 <td id="dt26" class="tb_d1" style="width: 60px;">111 经理查询112 </td>113 <td class="tb_d2" style="width: 80px;">114 <input name="rptModule$ctl05$txtCount" type="text" value="3" id="rptModule_ctl05_txtCount"115 style="width: 60px;" />116 </td>117 </tr>118 <tr id='7'>119 <td id='dt17' class="tb_d1" style="width: 60px;">120 7121 </td>122 <td id="dt27" class="tb_d1" style="width: 60px;">123 数据维护124 </td>125 <td class="tb_d2" style="width: 80px;">126 <input name="rptModule$ctl06$txtCount" type="text" value="3" id="rptModule_ctl06_txtCount"127 style="width: 60px;" />128 </td>129 </tr>130 <tr id='10'>131 <td id='dt110' class="tb_d1" style="width: 60px;">132 10133 </td>134 <td id="dt210" class="tb_d1" style="width: 60px;">135 成本管理136 </td>137 <td class="tb_d2" style="width: 80px;">138 <input name="rptModule$ctl07$txtCount" type="text" value="3" id="rptModule_ctl07_txtCount"139 style="width: 60px;" />140
- 上一篇文章： vs2012 发布web应用程序
- 下一篇文章： 获取select控件选中的值传到后台（C#）