РазделыСтатьиРазработка сайтов → Удаление родителя текущего элемента на jQuery

Рассматриваем случай, когда нужно удалить элемент DOM с помощью вложенного в него другого элемента.

Такие функции часто нужны в элементах интерфейса. Представьте, что такое поведение будет похоже на интерфейс Windows — кликаем на крестик, и окно закрывается;)

Пример:
png
Рис. 1. Требуется интерактивно удалять строчки таблицы (<tr> и все что внутри неё), при клике на крестик.

Добавлю, что задача должна быть решена таким образом, чтобы полученный код можно было применить в другом месте и на других строчках.
То есть нельзя использовать привязку по id или class.
Привязка должна быть по текущему элементу $(this) и тегу <tr> удаляемого элемента.

Вот найденное решение.
Удаляем элемент, являющийся родителем данного и являющимся <tr>:
Код:

$($(this).parents('tr').get(0)).remove();

Ну а теперь живой пример.
Я специально разбросал кнопки удаления по интерфейсу, чтобы убедиться, что это решение работает при расположении в любом месте строчки таблицы.
   Дата заселения:     Коэффициент Текст:
Дата заселения:    Коэффициент    Текст:
Дата заселения:    Коэффициент    Текст:

Причем указание типа родителя ('tr') не обязательно, сработает и так:
Код:

$($(this).parents().get(0)).remove();

Однако я всё же пишу его — это снизит нагрузку, когда подобных элементов будет много на странице.
24.01.2013 14:32 Автор/источник: Den1xxx

Комментировать

Вы не залогинены! Регистрация

Устал читать? Напиши! Или позвони +375 29 5344286. На связи по будним дням с 800 до 1700.