国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學院 > 開發設計 > 正文

jQuery遍歷Table tr td td中包含標簽

2019-11-17 01:33:14
字體:
來源:轉載
供稿:網友

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
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 河间市| 宝应县| 六盘水市| 海淀区| 柳林县| 公安县| 铁岭县| 莱西市| 郯城县| 临江市| 焦作市| 东乌| 颍上县| 南阳市| 韶关市| 同德县| 泌阳县| 松溪县| 大城县| 潮安县| 怀宁县| 东光县| 安阳县| 牡丹江市| 南汇区| 邵武市| 洛隆县| 读书| 浦城县| 龙门县| 兴海县| 施甸县| 新龙县| 密云县| 麦盖提县| 普定县| 尼勒克县| 葫芦岛市| 清远市| 平果县| 治多县|