На страничке есть таблица где у ячеек есть свой id и class.
<table id="mytable" border="1" CELLSPACING="0" CELLPADDING="1" BGCOLOR=#F0F0F0>
<tbody>
<tr>
<td id="cell_1" class="column_1" WIDTH=70 ALIGN="RIGHT" BGCOLOR=#FFFFFF>1</td>
<td id="cell_2" class="column_2" WIDTH=70 ALIGN="RIGHT" BGCOLOR=#FFFFFF>2</td>
<td id="cell_3" class="column_3" WIDTH=70 ALIGN="RIGHT" BGCOLOR=#FFFFFF>3</td>
<td id="cell_4" class="column_4" WIDTH=70 ALIGN="RIGHT" BGCOLOR=#FFFFFF>4</td>
</tr>
<tr>
<td id="cell_5" class="column_1" WIDTH=70 ALIGN="RIGHT" BGCOLOR=#FFFFFF>1</td>
<td id="cell_6" class="column_2" WIDTH=70 ALIGN="RIGHT" BGCOLOR=#FFFFFF>2</td>
<td id="cell_7" class="column_3" WIDTH=70 ALIGN="RIGHT" BGCOLOR=#FFFFFF>3</td>
<td id="cell_8" class="column_4" WIDTH=70 ALIGN="RIGHT" BGCOLOR=#FFFFFF>4</td>
</tr>
</tbody>
</table>
Стала задача добавлять строки таблицы. Нашел вот такой скрипт:
function addTableRow(jQtable)
{
jQtable.each(function()
{
var tds = '<tr>';
jQuery.each($('tr:last td', this), function()
{
tds += '<td id="123" class="column_1" width="70" align="right" bgcolor="#FFFFFF">'+$(this).attr('id')+'</td>';
});
tds += '</tr>';
if($('tbody', this).length > 0)
{
$('tbody', this).append(tds);
}
else
{
$(this).append(tds);
}
});
}
С ним проблем нет. Он добавляет строки и всё хорошо, но! В другом скрипте я при клике на ячейку изменяю её содержимое. С теми ячейками которые есть изначально проблем нет, но когда я пытаюсь редактировать ячейки которые дописались путём js ничего не происходит. Долго рылся в коде и понял что редактировать я могу только ячейки которые описаны в исходном коде, тоесть ту таблицу что выше.
Вобщем суть проблемы: js добавляет строки таблицы, но исходный код не изменяется. Помогите студенту решить проблему, буду очень благодарен за помощь.