Jquery 最接近元素值

Question

我正在尝试使用最接近的值获取表单元素值。这里是一些示例代码。

<table>
  <tr>
    <td>Hour <input type="input" value="12" name="data[hour]" class="hour" /></td>
    <td>Minute <input type="input" value="12" name="data[minute]" class="minute" /></td>
    <td><a href="#" class="add-data">Add Row</a></td>
  </tr>
</table>

我无法序列化表单，因为它是大型表单的一部分，因此我需要获取最接近添加行链接的每个输入，因为您将能够添加多行。

我已经尝试过

var hour = $(this).closest('.hour').val();    
var hour = $(this).closest('input', '.hour').val();
var hour = $(this).closest('input[name="data[hour]]").val();

有什么想法可以获取表单值吗？

提前致谢

Answer 1

假设每个 tr 只有一个 .hour 元素，这样就可以了:

var hour = $(this).closest('tr').find('.hour').val();

closest将会:

Get the first ancestor element that matches the selector, beginning at the current element and progressing up through the DOM tree.

因此，您需要转到 tr，然后从那里找到 .hour 后代。