jquery - 如何使用 jQuery 遍历字段值并更新具有相似 ID 的其他值？

Question

我有以下表格:

<form >
   <input value="333" id="modal_Order_1" class="update-grid">
   <input value="xxx" id="modal_Link_1" class="update-grid">
   <input value="yyy" id="modal_Title_1" class="update-grid">
</form>

和一个表格:

<tr id="row_1" >
<td><input id="input_Order_1"></td>
<td><input value="x" id="input_Link_1"></td>
<td><input value="y" id="input_Title_1"></td>
</tr>

我有以下代码，它一一从表单中获取值并更新表行。请注意，我的代码知道 rowNum 变量中的行号:

var rowNum = oSubmit.rownum;
var order = $form.find("#Content_Order").val();
var link = $form.find("#Content_Link").val();
var title = $form.find("#Content_Title").val();
$("#input_Order_" + rowNum).val(order);
$("#input_Link_" + rowNum).val(link);
$("#input_Title_" + rowNum).val(title);

有没有一种方法可以将上面的代码替换为表单上具有 update-grid 类的每个输入值的循环，然后更新名称最后部分匹配的表字段？

Answer 1

试试这个:

$('.update-grid').each(function(){
   var id = this.id.replace('modal', '');
   $('#input'+id).val(this.value)
})