table内のthのテキストを取得し、
各tdにdata-labelとして書き出したいのですが、
書き出す方法がわかりませんでした。
いろいろ調べたところ、取得までは調べられたのですが
tbody内のtdにdata-labelとして書き出す方法がわかりませんでした。
どなたかご教示いただければ幸いです。
html
1<table border="1" width="500"> 2<thead> 3<tr> 4<th bgcolor="#aaa">thセル01</th> 5<th bgcolor="#aaa">thセル02</th> 6<th bgcolor="#aaa">thセル03</th> 7</tr> 8</thead> 9<tbody> 10<tr> 11<td>tdセル01</td> 12<td>tdセル02</td> 13<td>tdセル03</td> 14</tr> 15<tr> 16<td>tdセル11</td> 17<td>tdセル12</td> 18<td>tdセル13</td> 19</tr> 20<tr> 21<td>tdセル21</td> 22<td>tdセル22</td> 23<td>tdセル23</td> 24</tr> 25</tbody> 26</table>
jquery
1<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 2<script> 3var data = []; 4var tr = $("table thead tr"); 5for( var i=0,l=tr.length;i<l;i++ ){ 6 var cells = tr.eq(i).children(); 7 for( var j=0,m=cells.length;j<m;j++ ){ 8 if( typeof data[i] == "undefined" ) 9 data[i] = []; 10 data[i][j] = cells.eq(j).text(); 11 } 12} 13</script>
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/11/21 07:47