在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()代替.parent()

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