Как удалять записи из html таблицы, созданную динамически (js)?

Question

good_beginer @good_beginer

JavaScript

Как удалять записи из html таблицы, созданную динамически (js)?

$.each(data, function (index, value) {
                            $('#tab').append("<tr class='text-left'>");
                            $('#tab').append("<td style='padding: 10px;'>" + value['id'] + "</td>");
                            $('#tab').append("<td style='padding: 10px;'>" + value['data'] + "</td>");
                            $('#tab').append("<td style='padding: 10px;'>" + value['text'] + "</td>");
                            $('#tab').append("<td class='padding'><button  data-index='"+index+"' data-id='"+value['id']+"'>X</button></td>");
                            $('#tab').append("</tr>");
                        });

не работает ни в какую,
ни так
document.getElementById("tab").deleteRow(2);
ни так
$('tr').eq(0).remove();
Думаю проблема в том что у таблицы как таковой , нет
html кода, ведь то чт написанно на html удаляется.
Как можно по другому?

Вопрос задан более трёх лет назад
857 просмотров

8 комментариев

Подписаться 2 Простой 8 комментариев

Евгений @iamd503

Вы по клику удаляете или как?
P.S.: On

Написано более трёх лет назад
good_beginer @good_beginer Автор вопроса

Евгений, да

Написано более трёх лет назад
Евгений @iamd503

good_beginer, используйте on

Написано более трёх лет назад
good_beginer @good_beginer Автор вопроса
Евгений, обработчик работает, тут вроде другое
$('.delRow').on('click', function () { let row = $(this).attr('data-index'); let data = $(this).attr('data-id'); $('#tab').find('tr').eq(0).hide(); //delete row from table });

ведь если засунуть алерт и вывести построчно, row или data, выводиться правитьно но сам ряд из таблицы не удаляется (хоть его index определяется ).... может быть проблема в том что у меня таблица есть, а сам each создаёт в tbody который сам по себе пустой?
Написано более трёх лет назад
Евгений @iamd503

good_beginer, можете в песочницу вывести всё?

Написано более трёх лет назад
good_beginer @good_beginer Автор вопроса

Евгений, CODEPEN( только я переделал немного, всё это дело выполняется через ajax и событие по удалению создаётся после создания таблицы)

Написано более трёх лет назад
Евгений @iamd503

good_beginer, так?

Написано более трёх лет назад
good_beginer @good_beginer Автор вопроса

Евгений, спасибо .. оказывается с самого начала не правильно создавал таблицу)

Написано более трёх лет назад

Вы по клику удаляете или как?
P.S.: On
Евгений, обработчик работает, тут вроде другое
$('.delRow').on('click', function () { let row = $(this).attr('data-index'); let data = $(this).attr('data-id'); $('#tab').find('tr').eq(0).hide(); //delete row from table });

ведь если засунуть алерт и вывести построчно, row или data, выводиться правитьно но сам ряд из таблицы не удаляется (хоть его index определяется ).... может быть проблема в том что у меня таблица есть, а сам each создаёт в tbody который сам по себе пустой?
good_beginer, можете в песочницу вывести всё?
Евгений, CODEPEN( только я переделал немного, всё это дело выполняется через ajax и событие по удалению создаётся после создания таблицы)
Евгений, спасибо .. оказывается с самого начала не правильно создавал таблицу)

Answer 1 · 2019-01-28 12:31:04

да че там такого то?
по клику на кнопку удаляем строку

$(document).on('click','button',function(){
$(this).closest('tr').remove();
})

PS: У вас не работает так как хтмл таблицы строится неправильно, поправьте метод создания строк таблицы.

Как удалять записи из html таблицы, созданную динамически (js)?

Войдите на сайт