как удалить элемент

Question

Как удалить запись из таблицы с id="22" ?

<table>
    <tr id="22">
     <th><a href="javascript:void(0);"><i class="fa fa-trash" aria-hidden="true"></i></a></th>
     <th>Первая запись</th>
    </tr>
</table>

$(document).on('click', '.fa-trash', function() {
   // Код ???
});

Answer 1

Используйте $('id или class элемента').remove();

$(document).on('click', '.fa-trash', function() {
      $('table #22').remove();
});

Answer 2

Добавьте таблице какой-то id, на случай, если таблиц станет несколько. Например id='tab1'. Тогда так, например:

let tab = document.getElementById('tab1');
let forDelete = document.getElementById('22'); // в общем случае лучше пользовать querySelectorAll() и передавать класс
Array.prototype.map.call(forDelete, row => {
    tab.removeChild(row);
});

P. S. И да, не используйте одинаковые id.

Answer 3

У вас тут несколько элементов с одинаковым id, поэтому советую удалять так:

$(document).on('click', '.fa-trash', function() {
      $('tr[id="22"]').remove();
});

А еще лучше - пропишите понятные классы для элементов и работайте с классами (row[data-id="22"]).

Answer 4

Предлагаю удалять через this. Поднимайтесь вверх до нужного элемента и удаляйте его.

$(document).ready(function() {
    $('.fa-trash').click(function () {
        $(this).parent().parent().parent().remove();
    });
});

БЛОГ НА HUSL

как удалить элемент

Ответы (4 шт):