元素同一类的问题

时间:2016-10-27 06:25:16

标签: jquery

当在任何卡纸输入中键入一个值时,我想使用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>

2 个答案:

答案 0 :(得分:0)

试试这个:

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

答案 1 :(得分:0)

您需要找到当前输入的jam元素parent,然后在这种情况下需要遍历下一个td元素然后查找它孩子们将是你的merit 试试这段代码:

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

检查这个小提琴:https://jsfiddle.net/rmc3m2m1/1/

希望这会有所帮助!!