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在页面上是唯一的。无需使用父母（）。

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

Answer 2

您是否尝试过类似$(this).next().find('input.payment-terms')的内容？

Answer 3

好的，我解决了！

不确定它的效率如何或是否可以改进但这对我来说很有用：

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

这个小提琴的完整演示：

http://jsfiddle.net/rtpHarry/8fmXz/

查找所有下一个输入字段

3 个答案: