![](/logo_grey.gif)
Последние записи
- Как в Python+Selenium webdriver открыть новую вкладку в уже открытом браузере?
- Lazarus, проверка существования строки таблице
- BASM и record, обращение к полям записи
- Web PHP Framework Symfony
- Относительный путь для вывода картинки на html странице
- Массовое открытие гиперссылок в браузере
- Скопировать значение строки из таблицы в textarea
- Рамки для страниц отчетов
- Вывод StdOut консоли в TMemo
- Чтение из файла большого размера (нехватка памяти)
![](http://programmersclub.ru/slurm3.jpg)
Интенсив по Python: Работа с API и фреймворками 24-26 ИЮНЯ 2022. Знаете Python, но хотите расширить свои навыки?
Slurm подготовили для вас особенный продукт! Оставить заявку по ссылке - https://slurm.club/3MeqNEk
![](http://programmersclub.ru/katajpg.jpg)
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
Да и по любым другим вопросам пишите на почту
![пеллетные котлы](http://programmersclub.ru/respective.jpg)
пеллетные котлы
![пеллетный котел](http://programmersclub.ru/emtas.jpg)
Пеллетный котел Emtas
![форум программистов](http://programmersclub.ru/banf336х280.gif)
Наши форумы по программированию:
- Форум Web программирование (веб)
- Delphi форумы
- Форумы C (Си)
- Форум .NET Frameworks (точка нет фреймворки)
- Форум Java (джава)
- Форум низкоуровневое программирование
- Форум VBA (вба)
- Форум OpenGL
- Форум DirectX
- Форум CAD проектирование
- Форум по операционным системам
- Форум Software (Софт)
- Форум Hardware (Компьютерное железо)