JSFiddle - React, Tailwind, and code Playground

by ph822720355

HTML

<table border="1">
    <tr>
        <td colspan="11">目前表單紀錄</td>
    </tr>
    <tr>
        <th>表單單號</th>
        <th>狀態</th>
        <th>財產編號+附號</th>
        <th>附號</th>
        <th>資產名稱</th>
        <th>舊保管人</th>
        <th>表單代碼</th>
        <th>申請日期</th>
        <th>簽核</th>
        <th>新保管人</th>
        <th>財產編號</th>
    </tr>
    <tr>
        <td>Ans000009946765</td>
        <td>complete</td>
        <td>I0508175</td>
        <td></td>
        <td>Avaya IP Phone J139</td>
        <td></td>
        <td>ADM010 固資增加</td>
        <td>2022/03/18</td>
        <td></td>
        <td>TA140015</td>
        <td>I0508175</td>
    </tr>
    <tr>
        <td>Ans000002677507</td>
        <td>complete</td>
        <td>F0207772</td>
        <td></td>
        <td>LCD 22\"</td>
        <td></td>
        <td>ITD006 資訊設備申請單</td>
        <td>2014/02/14</td>
        <td></td>
        <td>TA140015</td>
        <td>F0207772</td>
    </tr>
    <tr>
        <td>Ans000006768748</td>
        <td>complete</td>
        <td>I0505050</td>
        <td></td>
        <td>[設備] RAM 8G</td>
        <td></td>
        <td>ITD006 資訊設備申請單</td>
        <td>2019/01/09</td>
        <td></td>
        <td>TA140015</td>
        <td>I0505050</td>
    </tr>
    <tr>
        <td>Ans000006768748</td>
        <td>complete</td>
        <td>I0505051</td>
        <td></td>
        <td>[設備] HDD 1TB</td>
        <td></td>
        <td>ITD006 資訊設備申請單</td>
        <td>2019/01/09</td>
        <td></td>
        <td>TA140015</td>
        <td>I0505051</td>
    </tr>
    <tr>
        <td>Ans000009260276</td>
        <td>complete</td>
        <td>I0507437</td>
        <td></td>
        <td>[設備]M.2 1TB SSD</td>
        <td></td>
        <td>ITD006 資訊設備申請單</td>
        <td>2021/09/02</td>
        <td></td>
        <td>TA130273</td>
        <td>I0507437</td>
    </tr>
    <tr>
        <td>Ans000009661702</td>
        <td>complete</td>
        <td>I0507437</td>
        <td></td>
        <td>[設備]M.2 1TB SSD</td>
       ...

JavaScript

var $table = $("table")
    rows = [],
    header = [];

$table.find("thead th").each(function () {
    header.push($(this).html());
});

$table.find("tbody tr").each(function () {
    var row = {};
    
    $(this).find("td").each(function (i) {
        var key = header[i],
            value = $(this).html();
        
        row[key] = value;
    });
    
    rows.push(row);
});
    
    
alert(JSON.stringify(rows));