jquery - 查找所有下一个输入字段

Question

当用户在输入字段中输入付款时，我的表单将自动计算剩余余额。例如，假设总额为 1000 美元，用户希望将其分为 3 次付款。他将在第一个付款字段中投入 500 美元，然后剩余的 500 美元将平均分配到下一个付款字段中。每个 250 美元。如果用户想要第二次付款 200 美元，则最后一次付款字段中将插入 300 美元。我无法让 jquery 查找下一个输入字段。

这是我的表格

<div id="payment-terms-fields">
  <div class="payment-rows">
    <div>
       <input type="text" name="payment[]" class="payment-terms">
       <span class="payment_term_sign">%</span>
    </div>
    <div><select class="term">....</select></div>
  </div> 

  <div class="payment-rows">
    <div>
       <input type="text" name="payment[]" class="payment-terms">
       <span class="payment_term_sign">%</span>
    </div>
    <div><select class="term">....</select></div>
  </div> 



</div>

这是我的 jquery 来查找下一个输入字段

$(document).on("keyup", ".payment-terms", function() {
 var nextFields = $(this).parents("#payment-terms-fields").find('input.payment-terms').not(this);
});

上面的代码查找除this之外的所有输入字段如何查找下一个输入字段？

Answer 1

您可以直接从 ID 下降，因为 ID 在页面上是唯一的。无需使用parents()。

$('#payment-terms-fields').find('input.payment-terms').not(this).next()