@anton_trofimov95

Добавить в таблицу строку со столбцами?

Есть обычная таблица
<table class="table table-hover">
<tr data-user-id="123">
    <td class="uid">123</td>
    <td class="uname">username-123</td>
    <td><a href="#" class="edit">edit</a></td>
</tr>
<tr data-user-id="321">
    <td class="uid">321</td>
    <td class="uname">username-321</td>
    <td><a href="#" class="edit">edit</a></td>
</tr>
</table>


Как по кнопке <a href="#" class="add">Добавить</a> сделать, чтобы в таблицу подставлялась строка ниже, и по кнопке <a href="#" class="remove">Удалить</a> удалялась. Т.е. добавить можно миллион и удалить миллион.

С обычным текстом добавить удалить понятно, но в таблице не хочет
$(".add").click(function(){
$(".new").html("stroka");
});
$(".remove").click(function(){
$(".new").html("");
});


Т.е. по сути чтобы можно было удалить все и добавить потом заново. Облазил много форумов, никак не получается. Может кто хотя бы на путь верный наставит
  • Вопрос задан
  • 82 просмотра
Пригласить эксперта
Ответы на вопрос 2
mosesfender
@mosesfender
Меланхолик, параноик, падал с коек
Вставлять-то надо ряд таблицы.
$('<tr><td class="uid">…</td><td class="uname">username-…</td><td><a href="#" class="edit">edit</a></td></tr>').appendTo('table.table.table-hover');
Ответ написан
svistiboshka
@svistiboshka
живые веб интерфейсы
https://jsfiddle.net/sube4Loa/

либо если последнюю строку удалять то так
https://jsfiddle.net/sube4Loa/1/
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы