每行有多个输入的tablerow

What I'm trying to do:

1. We have multiple input per tablerow(done)
2. We press "add" button and one more input adds after first(done)
3. We get all their contents in per tablerow, using jquery and pass it to ajax in a manner of per row? Because I want to save it on my database like per row has a item_no column, and the other columns are the per input?

please note this is my inputs per table row

<tr>                                                           
    <td><input type="number" name="quantity[]" class="form-control"></td>
    <td><input type="number" name="unit[]" class="form-control"></td>
    <td><input type="text" name="item_description[]" class="form-control"></td>
    <td><input type="number" name="stock_no[]" class="form-control"></td>
    <td><input type="number" name="eunitcost[]" class="form-control"></td>
    <td><input type="number" name="ecost[]" class="form-control"></td>
    <td><a href="#" class="btn btn-primary btn-sm delete">X</a></td>
</tr>

I want to save it on my database like this

| ItmId | qnty | Unt | Descrpt | stkNum | estUntCst | estCst | pr_num |
|   2   |  2   |  2  |    2    |    3   |    3      |   3    |   5    |
|   1   |  1   |  1  |    1    |    4   |    4      |   4    |   6    |