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

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

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

如何使用jQuery循环遍历字段值并使用类似的ID更新其他值？

2 个答案: