jQueryのトラバーサル表のtr tdのtdのタグが含まれています

転送:https://www.cnblogs.com/laoji1109/archive/2014/05/22/3746710.html

コードをコピー
 1関数shengchen(){
 2 VAR arrTR = $( "#のtbModule")子ども();
 3 VARコンテキスト= "";
 4 $( "#1 tbModule")。( "TR")を見つけるには、各(関数(){
 5 VAR arrtd = $(この).children();
 6 tdContext = $ .trim(arrtd.eq(0)の.text())。
 7 tdContext + = ":" + arrtd.eq(2).find( "入力")のval()+ ";"。
 8コンテキスト+ = tdContext。
 9})
10コンテキスト= Context.substring(Context.indexOf( ";")+ 1)。
11 $( "#txtContent")のval(コンテキスト)。
12}
コードをコピー


私はここには、TDタグのいずれかをクリックして、データテーブルTDを取得するためには、入力が含まれています

によって

$( "#1 tbModule")。見つけ( "TR")。各(関数(){})

バックすべての行のオブジェクトを取得するには

$(この).children();

で、行のすべてのTDを取得するには

arrtd.eq(0)

あなたはまた、データを取得するためにループを使用することができます開発したTDを、得るためには、セクションでは、TDタグ値を得ることであるコメント

1(VARのK = 0; K <arrtd.length; ++ K){
2)(CON = arrtd.eq(K)の.textました。
3 // VARコン= arrtd.eq(2).find( "入力")のval()。
4}

 すべてのコード

コードをコピー
  1 <%@ページ言語= "C#の" AutoEventWireup属性= "true" を分離コード= "BianLi.aspx.cs" 継承= "jQueryDemoWeb.BianLi" %>
  2 
  3 <!DOCTYPE htmlののPUBLIC " -  // W3C // DTD XHTML 1.0過渡// EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4 <HTMLのxmlns = "http://www.w3.org/1999/xhtml">
  5 <頭にrunat = "サーバー">
  6 <タイトル> </ TITLE>
  7 <スクリプトSRC = "スクリプト/ jqueryの-1.4.1.min.js" タイプ= "テキスト/ javascriptの"> </ SCRIPT>
  8の<script>
  9関数shengchen(){
 10 VAR arrTR = $( "#のtbModule")子ども();
 11 VARコンテキスト= "";
 ( "TR")を見つける12 $( "#1 tbModule")。各(関数(){
 13 VAR arrtd = $(この).children();
 14 tdContext = $ .trim(arrtd.eq(0)の.text())。
 15 tdContext + = ":" + arrtd.eq(2).find( "入力")のval()+ ";"。
 16コンテキスト+ = tdContext。
 17 
 18 //のための(VARのK = 0; K <arrtd.length; ++ K){
 19 //たCON = arrtd.eq(K)の.text();
 20 // VARコン= arrtd.eq(2).find( "入力")のval()。
 21 //}
 22 
 23})
 24コンテキスト= Context.substring(Context.indexOf( ";")+ 1)。
 25 $( "#txtContent")のval(コンテキスト)。
 26}
 27     
 28 </ SCRIPT>
 29 </ head>の
 30 <身体>
 31 <フォームID = "Form1の" にrunat = "サーバー">
 32の<div>
 33 <表ID = "tbModule" 幅= "100%" CELLPADDING = "0" CELLSPACING = "0" スタイル= "ボーダー右:1ピクセル固体#D2D2D2。
 34境界左:1ピクセル固体#D2D2D2。border-bottom:1pxの固体#D2D2D2; ">
 35 <TR>
 36 <TDクラス= "tb_d1" スタイル= "幅:60PX;">
 数37
 38 </ TD>
 39 <TDクラス= "tb_d1" スタイル= "幅:60PX;">
 40名
 41 </ TD>
 42 <TDクラス= "tb_d2" スタイル= "幅:80px;">
 端子43の数
 44 </ TD>
 45 </ TR>
 46 <TR ID = '1'>
 47 <TD ID = 'DT11' クラス= "tb_d1" スタイル= "幅:60PX;">
 48 1
 49 </ TD>
 50 <TD ID = "DT21" クラス= "tb_d1" スタイル= "幅:60PX;">
 51レジ係
 52 </ TD>
 53 <TDクラス= "tb_d2" スタイル= "幅:80px;">
 54 <入力名= "rptModule $ ctl00 $ txtCount" タイプ= "テキスト" 値= "3" ID = "rptModule_ctl00_txtCount"
 55スタイル= "幅:60PX;" />
 56 </ TD>
 57 </ TR>
 58 <TR ID = '2'>
 59 <TD ID = 'DT12' クラス= "tb_d1" スタイル= "幅:60PX;">
 60 2
 61 </ TD>
 62 <TD ID = "DT22" クラス= "tb_d1" スタイル= "幅:60PX;">
 63プリントサーバー
 64 </ TD>
 65 <TDクラス= "tb_d2" スタイル= "幅:80px;">
 66 <入力名= "rptModule $ ctl01 $ txtCount" タイプ= "テキスト" 値= "3" ID = "rptModule_ctl01_txtCount"
 67スタイル= "幅:60PX;" />
 68 </ TD>
 69 </ TR>
 70 <TR ID = '3'>
 71 <TD ID = 'DT13' クラス= "tb_d1" スタイル= "幅:60PX;">
 72 3
 73 </ TD>
 74 <TD ID = "DT23" クラス= "tb_d1" スタイル= "幅:60PX;">
 75ワイヤレスサーバー
 76 </ TD>
 77 <TDクラス= "tb_d2" スタイル= "幅:80px;">
 78 <入力名= "rptModule $ ctl02 $ txtCount" タイプ= "テキスト" 値= "3" ID = "rptModule_ctl02_txtCount"
 79スタイル= "幅:60PX;" />
 80 </ TD>
 81 </ TR>
 82 <TR ID = '4'>
 83 <TD ID = 'dt14' クラス= "tb_d1" スタイル= "幅:60PX;">
 84 4
 85 </ TD>
 86 <TD ID = "DT24" クラス= "tb_d1" スタイル= "幅:60PX;">
 経営の87人のメンバー
 88 </ TD>
 89 <TDクラス= "tb_d2" スタイル= "幅:80px;">
 90 <入力名= "rptModule $ ctl03 $ txtCount" タイプ= "テキスト" 値= "3" ID = "rptModule_ctl03_txtCount"
 91スタイル= "幅:60PX;" />
 92 </ TD>
 93 </ TR>
 94 <TR ID = '5'>
 95 <TD ID = 'DT15' クラス= "tb_d1" スタイル= "幅:60PX;">
 96 5
 97 </ TD>
 98 <TD ID = "DT25" クラス= "tb_d1" スタイル= "幅:60PX;">
 99在庫管理
100 </ TD>
101 <TDクラス= "tb_d2" スタイル= "幅:80px;">
102 <入力名= "rptModule $ ctl04 $ txtCount" タイプ= "テキスト" 値= "3" ID = "rptModule_ctl04_txtCount"
103スタイル= "幅:60PX;" />
104 </ TD>
105 </ TR>
106 <TR ID = '6'>
107の<td ID = 'dt16' クラス= "tb_d1" スタイル= "幅:60PX;">
108 6
109 </ TD>
110 <TD ID = "dt26" クラス= "tb_d1" スタイル= "幅:60PX;">
111クエリマネージャー
112 </ TD>
113 <TDクラス= "tb_d2" スタイル= "幅:80px;">
114 <入力名= "rptModule $ ctl05 $ txtCount" タイプ= "テキスト" 値= "3" ID = "rptModule_ctl05_txtCount"
115スタイル= "幅:60PX;" />
116 </ TD>
117 </ TR>
118 <TR ID = '7'>
119の<td ID = 'DT17' クラス= "tb_d1" スタイル= "幅:60PX;">
120 7
121 </ TD>
122 <TD ID = "dt27" クラス= "tb_d1" スタイル= "幅:60PX;">
123個のデータのメンテナンス
124 </ TD>
125 <TDクラス= "tb_d2" スタイル= "幅:80px;">
126 <入力名= "rptModule $ ctl06 $ txtCount" タイプ= "テキスト" 値= "3" ID = "rptModule_ctl06_txtCount"
127スタイル= "幅:60PX;" />
128 </ TD>
129 </ TR>
130 <TR ID = '10' >
131 <TD ID = 'dt110' クラス= "tb_d1" スタイル= "幅:60PX;">
132 10
133 </ TD>
134 <TD ID = "dt210" クラス= "tb_d1" スタイル= "幅:60PX;">
135コストマネジメント
136 </ TD>
137 <TDクラス= "tb_d2" スタイル= "幅:80px;">
138 <入力名= "rptModule $ ctl07 $ txtCount" タイプ= "テキスト" 値= "3" ID = "rptModule_ctl07_txtCount"
139スタイル= "幅:60PX;" />
140 </ TD>
141 </ TR>
142 <TR ID = '17' >
143の<td ID = 'dt117' クラス= "tb_d1" スタイル= "幅:60PX;">
144 17
145 </ TD>
146 <TD ID = "dt217" クラス= "tb_d1" スタイル= "幅:60PX;">
147予約プラットフォーム
148 </ TD>
149 <TDクラス= "tb_d2" スタイル= "幅:80px;">
150 <入力名= "rptModule $ ctl08 $ txtCount" タイプ= "テキスト" 値= "3" ID = "rptModule_ctl08_txtCount"
151スタイル= "幅:60PX;" />
152 </ TD>
153 </ TR>
154 <TR ID = '20' >
155 <TD ID = 'dt120' クラス= "tb_d1" スタイル= "幅:60PX;">
156 20
157 </ TD>
158 <tdのID = "dt220" クラス= "tb_d1" スタイル= "幅:60PX;">
159ファーストフードのレジ
160 </ TD>
161 <TDクラス= "tb_d2" スタイル= "幅:80px;">
162 <入力名= "rptModule $ ctl09 $ txtCount" タイプ= "テキスト" 値= "3" ID = "rptModule_ctl09_txtCount"
163スタイル= "幅:60PX;" />
164 </ TD>
165 </ TR>
166 <TR ID = '21' >
167の<td ID = 'dt121' クラス= "tb_d1" スタイル= "幅:60PX;">
168 21
169 </ TD>
170 <TD ID = "dt221" クラス= "tb_d1" スタイル= "幅:60PX;">
171財務管理
172 </ TD>
173 <TDクラス= "tb_d2" スタイル= "幅:80px;">
174 <入力名= "rptModule $ CTL10 $ txtCount" タイプ= "テキスト" 値= "3" ID = "rptModule_ctl10_txtCount"
175スタイル= "幅:60PX;" />
176 </ TD>
177 </ TR>
178の<tr ID = '22' >
179の<td ID = 'dt122' クラス= "tb_d1" スタイル= "幅:60PX;">
180 22
181 </ TD>
182 <tdのID = "dt222" クラス= "tb_d1" スタイル= "幅:60PX;">
183マーケティング・マネジメント
184 </ TD>
185 <TDクラス= "tb_d2" スタイル= "幅:80px;">
186 <入力名= "rptModule $ ctl11 $ txtCount" タイプ= "テキスト" 値= "3" ID = "rptModule_ctl11_txtCount"
187スタイル= "幅:60PX;" />
188 </ TD>
189 </ TR>
190 <TR ID = '23' >
191の<td ID = 'dt123' クラス= "tb_d1" スタイル= "幅:60PX;">
192 23
193 </ TD>
194 <tdのID = "dt223" クラス= "tb_d1" スタイル= "幅:60PX;">
195キッチンの監視
196 </ TD>
197 <TDクラス= "tb_d2" スタイル= "幅:80px;">
198 <入力名= "rptModule $ CTL12 $ txtCount" タイプ= "テキスト" 値= "3" ID = "rptModule_ctl12_txtCount"
199スタイル= "幅:60PX;" />
200 </ TD>
201 </ TR>
202 <TR ID = '24' >
203の<td ID = 'dt124' クラス= "tb_d1" スタイル= "幅:60PX;">
204 24
205 </ TD>
206 <TD ID = "dt224" クラス= "tb_d1" スタイル= "幅:60PX;">
207社の本社管理
208 </ TD>
209 <TDクラス= "tb_d2" スタイル= "幅:80px;">
210 <入力名= "rptModule $ ctl13 $ txtCount" タイプ= "テキスト" 値= "3" ID = "rptModule_ctl13_txtCount"
211スタイル= "幅:60PX;" />
212 </ TD>
213 </ TR>
214 </テーブル>
215 </ div>
216 <br />
217 <a href="javascript:shengchen();">生成する</a>
218 <br />
219 <br />
220 <入力名= "TT" ID = "txtContent" タイプ= "テキスト" スタイル= "幅:977px;" />
221 </フォーム>
222 </ BODY>
223 </ HTML>
コードをコピー

おすすめ

転載: www.cnblogs.com/sharpest/p/11267866.html