DWWEB.RU
СКРИПТЫ

Удаление блока по классу и ид.

Нам нужно найти блок с «классом» или «ид» , если это класс, то удалятся все элементы имеющие такой класс. А если «ид» - то вы знаете, что это уникальный идентификатор, который должен быть один!

Эти два варианта и рассмотрим! Мы последнее время уже довольно много рассматривали тем, где искали первый элемент, последний и т.д.

Сегодня найдем элемент с классом, например вот такой код у нас будет

Найти по классу: будем искать li.start.red и удалим

<ul class="list l1">

<li class="start no1"> Первая строка </li>

<li class="start red"> Вторая строка </li>

<li class="start no3"> Третья строка </li>

</ul>

<ul class="list l2">

<li class="start no1_1"> Первая строка второго блока </li>

<li class="start no2"> Вторая строка второго блока </li>

<li class="start no3"> Третья строка второго блока </li>

</ul>

Для этого нам понадобится метод .remove()

<script>$("li.start.red").remove();</script>

Результат:

  • Первая строка
  • Вторая строка
  • Третья строка
  • Первая строка второго блока
  • Вторая строка второго блока
  • Третья строка второго блока

Теперь проделаем тоже самое с идентификатором…

Найти по ид: будем искать id="red" и удалим

<ul class="list l1">

<li class="start no1"> Первая строка </li>

<li id="red"> Вторая строка </li>

<li class="start no3"> Третья строка </li>

</ul>

<ul class="list l2">

<li class="start no1_1"> Первая строка второго блока </li>

<li class="start no2"> Вторая строка второго блока </li>

<li class="start no3"> Третья строка второго блока </li>

</ul>

Код для удаления блока с идентификатором.

<script>$("#red").remove();</script>

Результат:

  • Первая строка
  • Вторая строка
  • Третья строка
  • Первая строка второго блока
  • Вторая строка второго блока
  • Третья строка второго блока
Не забудь !
Посмотреть пример и скачать можно по ниже идущей ссылке
Скрипт № 40.11 Название скрипта и номер :Найти блок и удалить его
Скачать - архив
Все скрипты на одной странице
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+ =
Подписаться
Теги:
Удаление блока по классу и ид.

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019