jquery - 从另一个输入字段中获取值

Question

这是第四位的输入字段：

<td><input type="number" name="tour" value="12" size="2" maxlength="2"></td>

这个 Js 不工作：

var hTour = $(this).parents('tr').find('td:nth-child(4)').val();

怎么了？

Answer 1

您的 JavaScript 正在获取td元素的值。您可能想要input元素的值：

var hTour = $(this).closest('tr').find('td:nth-child(3) input').val();

:nth-child()是零索引的，所以:nth-child(0)是第一个元素，:nth-child(1)是第二个，依此类推。

Answer 2

实际上使用您的代码：

var hTour = $(this).parents('tr').find('td:nth-child(4)').val();

您正在寻找td. 但是你需要像这样的输入值td：

var hTour = $(this).parent('tr').find('td:nth-child(4) input').val();

来自:nth-child() 选择器 API 文档

index：要匹配的每个子元素的索引，从 1 开始，字符串为偶数或奇数，或等式（例如 :nth-child(even), :nth-child(4n) ）

还

Given a single <ul> containing two <li>s, $('li:nth-child(1)') selects
the first <li> while $('li:eq(1)') selects the second.