从按钮获取输入的值

Question

假设我有这个代码：

...
<tr>
  <td align="right">
    <button type="button" class="btn btn-default editCustomer"><i class="fa fa-edit"></i></button>
  </td>
  <input type="hidden" name="usr_firstname" value="Franck">
</tr>
...

如何获取usr_firstname输入的值？

我已经尝试过一些这样的事情：
- usr_firstname = $(this).closest('input[name="usr_firstname"]').val();
- usr_firstname = $(this).find('input[name="usr_firstname"]').val();

Answer 1

你的两个元素在树的不同部分，所以找到closest共同祖先然后find向下。

usr_firstname = $(this).closest('tr').find('input[name="usr_firstname"]').val();

注意：隐藏的input 直接位于TR 下是无效的HTML。大多数浏览器都会容忍它，但它应该放在其他地方（例如在TD 内）。

建议：

我建议您改为将隐藏值作为 data- 属性注入行。

<tr data-firstname="Franck">
  <td align="right">
    <button type="button" class="btn btn-default editCustomer"><i class="fa fa-edit"></i></button>
  </td>
</tr>

那么代码就变成了这样：

usr_firstname = $(this).closest('tr').data('firstname');