転送: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>