相同類別的問題元素

當輸入值中的任何一個輸入值時，我想使用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>

來源

2016-10-27 Dolove Igo

請發表您的HTML –

它是很難明白你的意思 – guradio

這是與表的HTML。

$(document).on("keyup", ".jam", function hitung_jam() { 
 
\t var jam = $(this).val(); 
 
\t var waktu_jam = jam * 60; 
 
\t $(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>

來源

2016-10-27 05:47:26 Tibrogargan

如果我添加表格中他的jquery函數不起作用如何？但如果你不使用表函數 –

我不知道爲什麼它不起作用，因爲我看不到你的表。如果你需要一張桌子，你應該把它放在問題中。 '.menit'選擇器假定適當的輸入將是'.jam'的兄弟。我假設他們在不同的行，所以這個假設可能是不正確的。它需要改變爲'$（this）.closest（'tr'）。findAll（'。menit'）。第一（）' – Tibrogargan

<形式方法= 「POST」行動= 「」>

KE 1 果醬 menit

KE 1 果醬 Menit

–

如果我添加表在他的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>

來源

2016-10-27 06:23:35

您可以使用兄弟姐妹：

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

檢查：jQuery Siblings

來源

2016-10-27 09:58:24

相同類別的問題元素

回答

相關問題