Question

我試圖從一組生成的輸入中更改輸入值。如何更改一組輸入中特定輸入的值？ .input-process-info是我正在使用的表的類。

$(".input-process-info input.process-inputs").on("change", function(){ 

}) 

<!-- Generated HTML code --> 

<tr class='center aligned'> 
    <td><span>A</span></td> 
    <td><div class='ui mini input'><input class='process-inputs' type='text' placeholder=''></div></td> 
    <td><div class='ui mini input'><input class='process-inputs' type='text' placeholder=''></div></td> 
    <td><div class='ui mini input'><input class='process-inputs' type='text' placeholder=''></div></td> 
</tr> 
<tr class='center aligned'> 
    <td><span>A</span></td> 
    <td><div class='ui mini input'><input class='process-inputs' type='text' placeholder=''></div></td> 
    <td><div class='ui mini input'><input class='process-inputs' type='text' placeholder=''></div></td> 
    <td><div class='ui mini input'><input class='process-inputs' type='text' placeholder=''></div></td> 
</tr> 

Answer 1

如果是動態生成的HTML，您可以使用事件委派如下：

$("body").on("change", ".input-process-inf, input.process-inputs", function (e){ 
 
    $(e.target).val("New Value"); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<!-- Generated HTML code --> 
 

 
<tr class='center aligned'> 
 
    <td><span>A</span></td> 
 
    <td><div class='ui mini input'><input class='process-inputs' type='text' placeholder=''></div></td> 
 
    <td><div class='ui mini input'><input class='process-inputs' type='text' placeholder=''></div></td> 
 
    <td><div class='ui mini input'><input class='process-inputs' type='text' placeholder=''></div></td> 
 
</tr> 
 
<tr class='center aligned'> 
 
    <td><span>A</span></td> 
 
    <td><div class='ui mini input'><input class='process-inputs' type='text' placeholder=''></div></td> 
 
    <td><div class='ui mini input'><input class='process-inputs' type='text' placeholder=''></div></td> 
 
    <td><div class='ui mini input'><input class='process-inputs' type='text' placeholder=''></div></td> 
 
</tr>