问题元素相同的类

Problems element the same class

本文关键字：元素 问题      更新时间：2023-09-26

当在任何jam输入中键入一个值时，我想使用onkeyup处理程序仅获取生成事件的jam输入的值。然后我想用它只修改它下面的Menit输入，而不是所有的。

下面是我的代码: 

$(document).on("keyup", ".jam", function hitung_jam() {
  var jam = $(this).val();
  var waktu_jam = jam * 60;
  $(this).nextAll(".menit").first().val(waktu_jam);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>

如果我以他的jquery函数的形式添加表不工作如何?但是如果不使用表函数

<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>

这是你的HTML表格。

$(document).on("keyup", ".jam", function hitung_jam() {
	var jam = $(this).val();
	var waktu_jam = jam * 60;
	$(this).closest('tr').find('.menit').val(waktu_jam);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>

您可以使用兄弟:

 $(this).siblings(".menit").val(waktu_jam);

检查:jQuery兄弟

相关文章：