はじめまして。
いつもお世話になっていますm(_ _)m
とても初歩的な質問かもしれませんが、どなたかお力添えいただけますと幸いです。
<table></table>の中のテキストを取得し、 別の要素(例えば<div></div>)の中に再出力する、ということをしたいのですが、 テキストは取得できているものの、<tr></tr>ごとに改行して出力することができず カンマ区切りでズラリと横並びに表示されてしまいます。テーブル内は動的に変化するので、for文等で処理できると助かります。
イベントハンドラ等は無視していただいて問題ありません。
JavaScript
1 2var data = []; 3var tr = $("table tr"); 4 for( var i=0,l=tr.length;i<l;i++ ){ 5 var cells = tr.eq(i).children(); 6 for( var j=0,m=cells.length;j<m;j++ ){ 7 if(typeof data[i]=="undefined") 8 data[i] = []; 9 data[i][j] = cells.eq(j).text(); 10 } 11 } 12 $(".here").text(data);
HTML
1<!-- 取得するテーブル --> 2<table> 3 <tbody> 4 <tr> 5 <td>A</td> 6 <td>B</td> 7 <td>C</td> 8 </tr> 9 <tr> 10 <td>1</td> 11 <td>2</td> 12 <td>3</td> 13 </tr> 14 </tbody> 15</table> 16<!-- 出力先 --> 17<div class="here"> 18</div>
表示させたい内容
A,B,C
1,2,3
現在
A,B,C,1,2,3
すっかり頭が凝り固まってしまっているので、
アドバイスでもかまいません、皆様のご回答お待ちしております。
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/06/03 06:19