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

Answer 2

$.each($('.update_grid'), function(i,e) {
    var ID = e.id.replace('modal', 'input');
    $("#"+ID).val(e.value);
});