Есть таблица с данными. К ней добавляю ячейку, содержащую поле для ввода, после ее заполнения (нажав на ENTER) новые данные должны добавиться в таблицу.
Хочу добавлять введенные в ячейку данные прямо в верстку, без отправления их на сервер.
//При перезагрузке страницы они должны исчезать.
Как можно реализовать такое?
$('.butForAdd').click(function() {
var newLine = $('tr:last', tbl).clone();
newLine.find('td').addClass('ClassOne').html(' ');
tbl.append(newLine);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="butForAdd">Добавить</button>
<table id="table">
<tr>
<td>Николай</td>
<td>Владислав</td>
<td><input type="text" ></td>
</tr>
</table>
tr
еще одну ячейкуtd
или хочешь клонировать целиком весьtd
и вставить вtable
– Air 5 фев '18 в 8:30