ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ

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

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

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

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

Найти по классу: будем искать 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
Название скрипта и номер :Найти блок и удалить его
Пример - Найти блок и удалить его
Скачать - архив
Все скрипты на одной страницеНаписать комментарий.
С вашими куками, что-то не то..., попробуете перезагрузить страницу..