JSFiddle - React, Tailwind, and code Playground

HTML

<table id="datatab" border="1">
    <tbody>
        <tr role="row" class="odd">
            <td class="sorting_1" style="display: none;">2087971</td>
            <td>1</td>
            <td>1</td>
            <td>aaaa</td>
            <td>John Smith</td>
            <td>
                <input type="text" name="value1" value="1">
            </td>
            <td>
                <input type="text" name="value2" value="2">
            </td>
            <td>
                <input type="text" name="value3" value="3">
            </td>
            <td></td>
        </tr>
        <tr role="row" class="even">
            <td class="sorting_1" style="display: none;">2087972</td>
            <td>2</td>
            <td>2</td>
            <td>bbbb</td>
            <td>Peter Parker</td>
            <td>
                <input type="text" name="value1" value="4">
            </td>
            <td>
                <input type="text" name="value2" value="4">
            </td>
            <td>
                <input type="text" name="value3" value="4">
            </td>
            <td></td>
        </tr>
    </tbody>
</table>
<button id="GetData">Get data</button>

JavaScript

$("#GetData").click(function(e) {
    e.preventDefault();
    var tableData = $('#datatab tbody tr').map(function(row, tr) {
        var $row = $(tr);
        return {
            id: $row.find('td:eq(0)').text(),
            value1: $row.find('td:eq(5) input').val(), 
            value2: $row.find('td:eq(6) input').val(),
            value3: $row.find('td:eq(7) input').val()
        }
    }).get();
    // work with tableData here...
    console.log(tableData);
});