jQuery：如何獲取具有自定義標頭值的表數據的 JSON 數據。有一張表，需要將整個表數據轉換為json格式數據?，F在我嘗試替換 json 數據中插入實際表頭的標頭數組（自定義標頭）。我嘗試用下面的代碼替換原始的表頭$headers =["ID", "ABC", "XYZ","Test"]; ，預期輸出：[{"ID":"22222","ABC":"test5","XYZ":"3000","":"abc"},{"ID":"3333","ABC":"test1","XYZ":"1000","":"erf"},{"ID":"44444","ABC":"test2","XYZ":"2000","":"sde"},{"ID":"55555","ABC":"test3","XYZ":"3000","":"fre"}]小提琴$(document).ready(function() { $("#getJsondata").click(function() { var jsonData1 = []; var matchId = 1234; var $headers = $("#firstTable").find("th:eq(0),th:eq(1),th:eq(2)"); //var $headers =["ID", "ABC", "XYZ","Test"]; var $rows = $("#firstTable").find("tbody tr") .each(function(index) { const $cells = $(this).closest("tr").find("td:eq(0),td:eq(1),td:eq(2),td:eq(3)"); jsonData1[index] = {}; $cells.each(function(cellIndex) { jsonData1[index][$($headers[cellIndex]).text()] = $(this).text(); }); }); alert(JSON.stringify(jsonData1)); });});td { border: 1px solid black;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><table class="multipleData" style="border:1px solid black;" id="firstTable"> <thead style="background:grey;"> <tr> <th>Header1</th> <th>Header2</th> <th>Header3</th> <th>Header4</th> <th>Header5</th> <th>Header6</th> </tr> </thead> <tbody> <tr style="border:1px solid black"> <td>22222</td> <td>test5</td> <td>3000</td> <td>abc</td> <td>22222</td> <td>Y</td> </tr> <tr style="border:1px solid black"> <td>3333</td> <td>test1</td> <td>1000</td> <td>erf</td> <td>22222</td> <td>Y</td> </tr> <tr style="border:1px solid black"> <td>44444</td> <td>test2</td> <td>2000</td> <td>sde</td> <td>22222</td> <td>Y</td> </tr>
jQuery：如何獲取具有自定義標頭值的表的 JSON 數據
藍山帝景
2023-11-02 22:21:10
