2

当用户在输入字段中输入付款时，我的表单将自动计算余额。例如，假设总额为 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如何找到下一个输入字段之外的所有输入字段？

4

3 回答 3

2

您可以直接从 ID 下降，因为 ID 在页面上是唯一的。无需使用父母（）。

$('#payment-terms-fields').find('input.payment-terms').not(this).next()
于 2013-08-14T19:19:40.853 回答
0

你试过类似的东西$(this).next().find('input.payment-terms')吗？

于 2013-08-14T19:19:59.350 回答
0

好的，我解决了！

不确定它的效率如何或是否可以改进，但这在这个小提琴中对我有用：

$(this).parent().parent().nextAll().find(".payment-terms").css("background", "#00ff00");

此小提琴中的完整演示：

于 2013-08-14T19:51:21.460 回答