[英]How to get all value from table row and column to array in jquery
如何從表的行和列獲取所有值到數組
field1 field2 field3
1 aaa aaa
2 bbb bbb
3 ccc ccc
4 ddd ddd
我想從表行到數組獲取值,如下所示:
array1=[["1","aaa","aaa"],["2","bbb","bbb"],["3","ccc","ccc"],["4","ddd","ddd"]];
我的HTML
<table>
<thead>
<tr>
<th>field1</th>
<th>field2</th>
<th>field3</th>
</tr>
</thead>
<tr>
<td>1</td>
<td>aaa</td>
<td>aaa</td>
</tr>
<tr>
<td>2</td>
<td>bbb</td>
<td>bbb</td>
</tr>
<tr>
<td>3</td>
<td>ccc</td>
<td>ccc</td>
</tr>
<tr>
<td>4</td>
<td>ddd</td>
<td>ddd</td>
</tr>
</table>
有什么解決辦法嗎? 謝謝
您可以嘗試:
function get(){ var table = $('table'); var data = []; table.find('tr').each(function (i, el) { // no thead if( i != 0){ var $tds = $(this).find('td'); var row = []; $tds.each(function (i, el){ row.push($(this).text()); }); data.push(row); } }); return data; } console.log(get());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <thead> <tr> <th>field1</th> <th>field2</th> <th>field3</th> <th>field4</th> </tr> </thead> <tr> <td>1</td> <td>aaa</td> <td>aaa</td> </tr> <tr> <td>2</td> <td>bbb</td> <td>bbb</td> </tr> <tr> <td>3</td> <td>ccc</td> <td>ccc</td> </tr> <tr> <td>4</td> <td>ddd</td> <td>ddd</td> </tr> </table>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.