Question

我需要更新表格中的某一行，已经执行了“验证器”以确保在单击其他按钮后选中复选框时进行1行编辑，到目前为止，我写了类似的内容：

$("#btnsavechanges").click(function(){


        $("#meetingspanel tr td").find(":checked").parent().parent().children.eq(0).append(document.getElementById("modsub").value);
        $("#meetingspanel tr td").find(":checked").parent().parent().children.eq(2).append(document.getElementById("modwhere").value);
        $("#meetingspanel tr td").find(":checked").parent().parent().children.eq(3).append(document.getElementById("modwhen").value);
        $("#meetingspanel tr td").find(":checked").parent().parent().children.eq(4).append(document.getElementById("modtime").value);
        $("#meetingspanel tr td").find(":checked").parent().parent().children.eq(5).append(document.getElementById("modwho").value);
        $("#tblmod").fadeOut("slow");


    });

通知Meetingspanel是我的表，所有这些Modsubject等都是我的文本框。和tblmod是所有文本框和更新按钮的表。感谢

    <table id='tblmod' width='80%' align='center' >
<tr bgcolor='white'>
<td width='15%'>
Enter Subject<input type="text" id="modsubject" width="15%">
</td>
<td width='15%'>
Enter Location<input type="text" id="modwhere" width="15%">
</td>
<td width='15%'>
Enter When<input type="text" id="modwhen" width="15%">
</td>
<td width='15%'>
Enter Time<input type="text" id="modtime" width="15%">
</td>
<td width='15%'>
Enter With Who<input type="text" id="modwho" width="15%">
</td>
</tr>
<tr><th align="right" style=border-width:0px><button type="button" id="btnsavechanges" value="Save New Changes" >Save Changes</button></th></tr>
</table>

Answer 1

在不知道你的标记或你想要完全做什么的情况下，我只能指出代码中的错误。

您使用的是children作为属性的属性，因此请使用函数children()。
您可以使用parent().parent()而不是closest('tr')。
如果您想使用val()方法更新输入元素的值，append将不起作用。
如果元素有id，则使用id选择器而不是document.getElementById()。这样只会减少你的代码差别。

使用Jquery更新表行

1 个答案: