Подскажите как реализовать что то на подобие словаря? Есть самая преметивная html страница на которой есть форма поиска и словарь который расшифровывает те или иные слова и словосочетания. Как сделать что бы при поиске одного из словосочетаний все лишнее скрывалось.
Вообще дальнейшее обсуждение не имеет смысла так как есть много вариантов для каждого конретного случая. Все зависит от того как оформлены элементы. Когда будет код - будет понятно какой метод применить проще всего.
Смотрите есть вот такой словарь https://academypoker.ru/slovar-pokera.html
и есть форма поиска. Когда человек введёт в форму поиска один из терминов к примеру "Акула" всё остальные термины скрывались а человеку был показан только этот термин и его значение. Код не могу предоставить так как сам словарь пока не написан.
$(".e-aside-content input[name=searchword]").keypress(function(e){
let text = $(this).val();
$('div[itemprop=articleBody] li,h2').hide().filter(function(i){
return $(this).text().includes(text)
}).show().parent().prev().show()
})
на каждое нажатие клафиши в поле ввода возьмем его значение, скроем все элементы и покажем те которые содержат текст, включая предшествующий родителю тег("буквы")
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<title>Hello, world!</title>
</head>
<body>
<div class="d1">
<form>
<input type="text" placeholder="Искать здесь...">
<button type="submit"></button>
</form>
</div>
<h1>Термины в покере. Словарь</h1>
Специально для Вас мы составили Словарь покерных терминов, который поможет Вам общаться с другими игроками на равных. А пройдя онлайн обучение покеру, вы сможете играть на одном уровне мышления с профи!
<p style="text-align: justify;"> </p>
<h2 style="text-align: justify;">1 2 3</h2>
<ul style="text-align: justify;">
<li><strong>3бет (3bet)</strong> - ререйз.</li>
<li><strong>4бет (4bet)</strong> - рейз ререйза.</li>
</ul>
<p style="text-align: justify;"> </p>
<h2 style="text-align: justify;">A</h2>
<ul style="text-align: justify;">
<li><strong>Агрессивный стиль (Aggressive)</strong> - игра ставками, рейзами и ререйзами, как правило, с целью забрать банк до вскрытия.</li>
<li><strong>АБЦ покер (ABC poker)</strong> - первый уровень игры, который должен постичь новичок, <a href="/terms/1941-tekhnika-igry-v-poker.html">техника игры в покер</a>, позволяющая не проигрывать на микро лимитах.</li>
<li><strong>Автоответчик (Calling station)</strong> - игрок, чрезмерно часто играющий коллами с целью посмотреть следующую карту на борде.</li>
<li><strong>Акула (Shark)</strong> - хороший игрок.</li>
<li><strong>Алл-ин (All-in)</strong> - ставка на все деньги.</li>
<li><strong>Андердог (Underdog)</strong> - игрок, имеющий меньше шансов на победу по сравнению с соперниками.</li>
<li><strong>Анте (Ante)</strong> - обязательная ставка перед началом раздачи, применяется в поздней стадии турнира или стад играх.</li>
<li><strong>Апсвинг (Upswing)</strong> - удачное стечение обстоятельств в течение длительного периода времени.</li>
<li><strong>Аут (Out)</strong> - карта, способная усилить руку до сильной комбинации.</li>
<li><strong>АФ (AF)</strong> - total aggression factor, показывает отношение ставок и рейзов к коллам оппонента.</li>
</ul>
<p style="text-align: justify;"> </p>
<h2 style="text-align: justify;">Б</h2>
<ul style="text-align: justify;">
<li><strong>Баббл (Bubble)</strong> - стадия турнира непосредственно перед призами.</li>
<li><strong>Бай-ин (Buy-in)</strong> - стоимость билета на турнир или необходимое число денег для присоединения к ринговой игре.</li>
<li><strong>Банк (Pot)</strong> - общее количество денег в розыгрыше.</li>
<li><strong>Банкролл (Bankroll)</strong> - общее количество денег, необходимое игроку для игры в покер в течение длительного времени.</li>
<li><strong>Баттон (Button)</strong> - крупная фишка с буковой D, определяющая порядок торговли в раздаче.</li>
<li><strong>Без позиции (OOP)</strong> - иметь не последнее слово в круге торговли относительно других оппонентов.</li>
<li><strong>Безлимитныи покер (No-limit poker)</strong> - разновидность покерных игр, в которых любой игрок может поставить все свои фишки в банк в любом раунде раздачи.</li>
<li><strong>Бесплатная карта (Free card)</strong> - карта, которую удалось посмотреть не вкладывая деньги в банк.</li>
<li><a target="_blank" href="/terms/1739-chto-takoe-blajnd-v-pokere.html">Блайнд (Blind)</a> - обязательная ставка перед началом раздачи, применяется во всех играх кроме игр с обменом.</li>
<li><strong>Бланк (Blank)</strong> - вышедшая карта на борде, которая не поменяла расклад сил.</li>
<li><strong>Блеф (Bluff)</strong> - ставка, рейз или ререйз с целью выбить соперников из раздачи с рукой, которая не является лучшей.</li>
<li><strong>Блеф дубового столба (Post oak bluff)</strong> - ставка малого размера относительно банка с целью выбить соперников из раздачи</li>
<li><strong>Блокирующая ставка (Blocking bet)</strong> - небольшая ставка с целью получить колл.</li>
<li><strong>Большая ставка (Big bet)</strong> - ставка в лимитных играх, применяющаяся на поздней стадии розыгрыша.</li>
<li><strong>Большой блайнд (Big blind)</strong> - блайнд размером в минимальную ставку в первом раунде, ставится игроком, заканчивающим торговлю в первом раунде.</li>
<li><strong>Борд (Board)</strong> - карты, которые выкладываются в открытую: общие карты во флоп-играх и дор-карты в <a href="/raznovidnosti-pokera/1818-pravila-stad-pokera-i-ego-osnovnykh-raznovidnostej.html" target="_blank">покер стад</a> играх.</li>
<li><strong>Бринг-ин (Bring-in)</strong> - обязательная ставка в стад играх</li>
<li><strong>Бродвей (Broadway)</strong> - жаргонное название карт от десяток и выше</li>
<li><strong>Бэдбит (Bad beat)</strong> - проигрыш с изначально более сильной рукой в результате выхода одной из немногих карт, помогающей сопернику.</li>
<li><strong>Бэкдор (Backdoor)</strong> - рука, включающая на данный момент 3 карты ко флешу или стриту, с возможностью усилиться до флеша или стрита в случае выхода двух нужных карт на следующих улицах.</li>
</ul>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
На этой странице элементарная форма поиска и термины
мне нужно что бы при вводе одного из терминов в форму поиска всё остальное скрывалось.
Простой
Для этого сайта можно так: