在 keyup 上查找并添加值到最近的输入字段

Question

我想在 keyup 上向最近的输入字段添加一个值。但它不适用于动态添加的字段。

$(document).on('keyup', '.rate_qar' , function() {
    var qar_rate = $('#conv_rate_usd').val();
    var usd_rate = 10*qar_rate;
    $(this).parent('tr').find('input.rate_usd').val(usd_rate);
});

但它不起作用。我怎样才能做到这一点？我的 HTML 如下。请注意 html 输入将动态添加。

<input name="rate_qar[]" type="number" min="1" placeholder="Room rate QAR" class="form-control rate_qar">
<input name="rate_usd[]" type="number" min="1" placeholder="Room type USD" class="form-control rate_usd"  >

Answer 1

问题可能是 tr 不是 input 的父级，所以使用 .closest() instead of .parent()

$(this).closest('tr').find('input.rate_usd').val(usd_rate);

在 keyup 上查找并添加值到最近的输入字段

Finding and adding value to closest input field on keyup

jquery

keyup