Последние записи
- Удаление папки с файлами
- Распечатка файла
- Преобразовать массив байт в вещественное число (single)
- TChromium (CEF3), сохранение изображений
- Как в Delphi XE обнулить таймер?
- Изменить цвет шрифта TextBox на форме
- Ресайз PNG без потери прозрачности
- Вывод на печать графического файла
- Взаимодействие через командную строку
- Перенести программу из Delphi в Lazarus
Интенсив по Python: Работа с API и фреймворками 24-26 ИЮНЯ 2022. Знаете Python, но хотите расширить свои навыки?
Slurm подготовили для вас особенный продукт! Оставить заявку по ссылке - https://slurm.club/3MeqNEk
Online-курс Java с оплатой после трудоустройства. Каждый выпускник получает предложение о работе
И зарплату на 30% выше ожидаемой, подробнее на сайте академии, ссылка - ttps://clck.ru/fCrQw
4th
Ноя
Фильтр по словам через input
Posted by obzor under HTML, JavaScript
Помогите написать фильт для списка элементов.
Нужно чтобы при вводе в input из списка скрывались несоответствующие поиску пункты.
Код HTML:
<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Поиск">
<div class="row">
<div class="col-4"><span class="list"><i class="fa fa-home"></i>Солнце</span></div>
<div class="col-4"><span class="list"><i class="fa fa-newspaper-o"></i>Вилка</span></div>
<div class="col-4"><span class="list"><i class="fa fa-home"></i>Кран</span></div>
<div class="col-4"><span class="list"><i class="fa fa-home"></i>Соль</span></div>
<div class="col-4"><span class="list"><i class="fa fa-newspaper-o"></i>Вуйка</span></div>
<div class="col-4"><span class="list"><i class="fa fa-tags"></i>Аквариум</span></div>
<div class="col-4"><span class="list"><i class="fa fa-newspaper-o"></i>Велосипед</span></div>
<div class="col-4"><span class="list"><i class="fa fa-home"></i>Крыло</span></div>
<div class="col-4"><span class="list"><i class="fa fa-wrench"></i>Кастрюля</span></div>
</div>
Подключена jQuery-3.2.1
Со скриптом у меня проблема — нужна помощь
попробуйте:
<script>
function myFunction() {
var filtertext = $('#myInput').val().toUpperCase();
var $list = $('.list');
$list.show();
if (filtertext != ''){
$list.filter( function( index ) {
return $(this).text().toUpperCase().indexOf(filtertext) === -1 ;
}).hide();
}
}
</script>
Похожие статьи
Купить рекламу на сайте за 1000 руб
пишите сюда - alarforum@yandex.ru
Да и по любым другим вопросам пишите на почту
пеллетные котлы
Пеллетный котел Emtas
Наши форумы по программированию:
- Форум Web программирование (веб)
- Delphi форумы
- Форумы C (Си)
- Форум .NET Frameworks (точка нет фреймворки)
- Форум Java (джава)
- Форум низкоуровневое программирование
- Форум VBA (вба)
- Форум OpenGL
- Форум DirectX
- Форум CAD проектирование
- Форум по операционным системам
- Форум Software (Софт)
- Форум Hardware (Компьютерное железо)