| | | | | |
Удаление блока по классу и ид.
2019/03/12
Марат
92
0
JS | JS_JQUERY |
Нам нужно найти блок с «классом» или «ид» , если это класс, то удалятся все элементы имеющие такой класс. А если «ид» - то вы знаете, что это уникальный идентификатор, который должен быть один!
Эти два варианта и рассмотрим! Мы последнее время уже довольно много рассматривали тем, где искали
первый элемент,
последний и т.д.
Сегодня найдем элемент с классом, например вот такой код у нас будет
Найти по классу: будем искать
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
Название скрипта и номер :Найти блок и удалить его
Пример -
Найти блок и удалить егоСкачать -
архив
Все скрипты на
одной страницеС вашими куками, что-то не то..., попробуете перезагрузить страницу..
Теги:
Удаление блока по классу и ид.