Обновление строки таблицы, jQuery

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


});

таблица выглядит так:

<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

Я бы порекомендовал использовать среду привязки данных.Я недавно использовал knockoutjs и мне это нравится.Объем кода, который я пишу для создания сложных пользовательских интерфейсов, намного меньше при использовании Knockout.

По сути, вы бы связали HTML, просто добавив свойство data-bind к элементу.Затем, когда кто-то изменяет значение, оно немедленно обновляется в вашей модели представления.Если вы извлечете новые данные из запроса AJAX, он также обновит ваш пользовательский интерфейс.

Более подробная информация здесь: http://knockoutjs.com/

Я настоятельно рекомендую это, так как это поможет вам писать чище, большеуправляемый код, и делать это быстрее.Вы будете «изобретать велосипед», обрабатывая все «вручную», как вы просите.