Разработка, создание и продвижение сайтов в Гомеле - Удаление родителя текущего элемента на jQuery

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

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

Пример:

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

Добавлю, что задача должна быть решена таким образом, чтобы полученный код можно было применить в другом месте и на других строчках.

То есть нельзя использовать привязку по id или class.

Привязка должна быть по текущему элементу $(this) и тегу <tr> удаляемого элемента.

Вот найденное решение.

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

Код:
`$($(this).parents('tr').get(0)).remove();`

Ну а теперь живой пример.

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

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

Код:
`$($(this).parents().get(0)).remove();`

Однако я всё же пишу его — это снизит нагрузку, когда подобных элементов будет много на странице.

Дата 2013-01-24 15:32:42

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

Вы не залогинены!

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

Логин:
Пароль:
Запомнить меня

Имя пользователя: