Question

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

这是我的代码：

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 1

这适用于包含表格的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>

Answer 2

如果我以他的jquery函数的形式添加表格不起作用怎么样？但如果你不使用表函数

browserNameVariable

Answer 3

你可以使用兄弟姐妹：

<main>
  <section>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A totam temporibus beatae veritatis ipsam, necessitatibus quibusdam dolorem molestias assumenda! Aut maiores magni ratione libero quisquam omnis, iure ab reprehenderit dolore.</section>
  <ul>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
  </ul>
</main>

检查：jQuery Siblings

问题元素同一类

3 个答案: