HTML Table to Json

最新推荐文章于 2024-08-22 08:56:47 发布

转载最新推荐文章于 2024-08-22 08:56:47 发布 · 237 阅读

文章标签：

#json

本文介绍了一种将HTML表格数据转换为JSON格式的方法，通过使用jQuery插件tableToJSON，可以轻松地从表格中提取数据并转换成JSON，适用于前端开发中数据处理的需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML 表格输出JSON

     <table class="table table-striped table-bordered table-hover dataTable no-footer" id="boltAreaDetailType" role="grid" aria-describedby="sample_2_info">
                                    <thead>
                                        <tr>
                                            <td data-override="BoltName" >螺栓型号</td>
                                            <td data-override="BoltType">螺栓规格</td>
                                            <td data-override="Num">数量</td>
                                            <td>操作</td>
                                        </tr>
                                    </thead>
                                    <tbody id="tableBoltAreaTypeBody"></tbody>
                                </table>

    var table = $('#boltAreaDetailType').tableToJSON({
        extractor: {
            0: function (cellIndex, $cell) {
                return $cell.find('option:selected').val();
            },
            1: function (cellIndex, $cell) {
                return $cell.find('option:selected').val();
            },
            2: function (cellIndex, $cell) {
                return $cell.find('input[type=number]').val();
            }
        },
        ignoreColumns: [3]
    });