Я читаю некоторые данные (вопросы из опроса) и отображаю их в таблице с 4 столбцами.1-й - displayId, сгенерированный как 1,2,3,4 ........., 2-й столбец - текст вопроса, а 3-й и 4-й - кнопки, которые onClick будут перемещать текст, обе кнопки вверх или вниз через JavaScript.Я хочу вставить 2-ю, 3-ю и 4-ю ячейки каждой строки в элементы div, чтобы я мог манипулировать всеми тремя из них вместе через DOM, но мои элементы div отображаются перед таблицей, а не внутри таблицы.
<fieldset>
<legend><?php __('Edit');?>
</legend>
<?php $i=1;?>
<table>
<?php foreach ($questions as $question){ ?>
<tr>
<td><?php $displayId = $i;
echo $displayId ;?></td>
<?php echo $this->Html->div('', null, array('id' => $i)); ?>
<td><?php echo $question['questions']['text'];?></td>
<td><input onClick=moveUpById() value ="up" type = "button"></td>
<td><input onClick=moveDownById() value ="down" type = "button"></td></div>
</tr><?php $i++; ?><?php }?>
</table></fieldset>