php - jQuery .next() 在表中时

Question

尝试使用动态表进行一些计算工作。

我有一个表，它使用 PHP for 循环创建 2 行，其中包含表示该月天数的文本输入。

然后，我需要获取第一个文本输入，并将其乘以 0.25，并将结果显示在旁边的文本输入中。

一切正常，但无法让它选择下一个文本输入。

这是当前:

$(".miles-input").on('keyup', function(){
  var fuel_cost = $('.fuel_cost').val();
  fuel_cost = parseFloat(fuel_cost);
  var miles = $(this).val();
  $('.price').val('£' +miles*fuel_cost);
});

创建时的表如下所示:

<td><input type="text" class="miles-input"></td>
<td><input type="text" class="price"></td>

我目前所做的更改了所有价格输入(当然)，但无论我尝试什么，我都无法只更改下一个输入。

我已经尝试过:

miles.next('.price').val('£' +miles*fuel_cost);
miles.closest('.price').val('£' +miles*fuel_cost);

这是一个 jsFiddle:

http://jsfiddle.net/cd7t3ohn/

等等，但都不起作用。正确的做法是什么？

Answer 1

您可以使用:

$(this).parents("tr:first").find(".price:first").val('£' + (miles*fuel_cost));

这不是最好的答案，但它会起作用。它会让你到达父 tr，然后找到第一个 .price 类。