Javascript 使用jquery获取输入字段的值

我有一个带有编辑按钮的表格，每个表格都包含一个具有不同输入字段值的编辑按钮，当点击不同的编辑按钮时，我需要得到输入字段的不同值。我的代码一次又一次地得到相同的值，而不是随机值，这是我的表代码

<tr>
    <td>64</td>
    <td>2</td>
    <td>2₪</td>
    <input type="hidden" name="idd" value="64" id="main-id">
    <td>
        <span id="editBtn" class="editBtn 64" style="cursor: pointer; text-decoration: underline;">Edit</span>
    </td>
    <td>
    <span id="deleteBtn" class="deleteBtn" style="cursor: pointer; text-decoration: underline;">Delete</span>
    </td>
</tr>
<tr>
    <td>65</td>
    <td>25</td>
    <input type="hidden" name="idd" value="65" id="main-id">
    <td>
        <span id="editBtn" class="editBtn 65" style="cursor: pointer; text-decoration: underline;">Edit</span>
    </td>
    <td>
        <span id="deleteBtn" class="deleteBtn" style="cursor: pointer; text-decoration: underline;">Delete</span>
    </td>
</tr>

$（'editBtn'）。在（'click'，函数（e）上{
log（$（'#main id'）.val（））；
});

64
2.
2₪
编辑
删除
65
25
编辑
删除
ID必须是文档的唯一ID。两个元素不能共享代码中的相同ID。请使用类替换重复的标识符。此外，
警报bla将id更改为类不会带来编辑按钮的值。每次我单击编辑按钮时，它都会带来第一个隐藏字段的值。当我单击隐藏按钮时，该表的隐藏字段的值应该会调出，但不会发生这种情况
var bla = $('#main-id').val();
alert (bla);