同じクラスの要素の問題

Question

jam入力のいずれかに値が入力されたら、onkeyupハンドラを使用してイベントを生成したジャム入力のみの値を取得し、それを使って直接Menit入力のみを変更したいそれらのすべてではない。

<form method="POST" action=""> 
<table> 
<tr> 
<td> KE 1 </td> 
<td> Jam <input type="text" class="jam" autocomplete="off"></td> 
<td> Menit <input type="text" class="menit"> </td> 
</tr> 
<hr> 
<tr> 
<td> KE 1 </td> 
<td> Jam <input type="text" class="jam" autocomplete="off"></td> 
<td> Menit <input type="text" class="menit"> </td> 
</tr> 
</table> 
</form> 
<script> 

$(document).on("keyup", ".jam", function hitung_jam() { 
var jam = $(this).val(); 
    var waktu_jam = jam * 60; 
    $(this).nextAll(".menit").first().val(waktu_jam); 
}); 
</script> 

Answer 1

これを試してみてください：

$(document).on("keyup", ".jam", function() { 
    var jam = $(this).val(); 
    var waktu_jam = jam * 60; 
    $(this).parent().next().find('.menit').val(waktu_jam); 
}) 

Answer 2

はあなたが見つける必要があり、現在の入力jam要素のparent、その後、あなたはその子を探し、この場合にはtdをされ、次の要素にトラバースする必要があります

$(document).on("keyup", ".jam", function hitung_jam() { 
var jam = $(this).val(); 
    var waktu_jam = jam * 60; 
    $(this).parent().next().children().val(waktu_jam); 
}); 

チェックこのフィドル：merit このコードを試してみてください、あなたになりますhttps://jsfiddle.net/rmc3m2m1/1/