Живой поиск в определенном блоке

@localghost · Регистрация: 31.03.2017

Студворк — интернет-сервис помощи студентам

Нашел вот этот код на codepen

Ищет по значениям <li> и <ul> тегов. Всё отлично. Но у меня и меню и боковая панель состоит из ul и li. Хотелось бы чтоб этот код как то искал только по определенному блоку т е при поиске не действовал на меню. Например боковая панель находится внутри тега <div class="1page-sidebar"> , как обьяснить вышеприведенному коду чтоб он "смотрел" только на эту панель.

Вот так выглядит кусок кода 1page-sidebar

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<div class="1page-sidebar">
                <!-- START X-NAVIGATION -->
                <ul class="x-navigation">
                    
                <form id="live-search" action="" class="styled" method="post">
    <fieldset>
        <h1>Поиск</h1>
        <input type="text" class="text-input" id="filter" placeholder="Живой поиск" />
        <span id="filter-count"></span>
    </fieldset>
</form>
                    <li class="xn-title"></li>
                    <li class="active">
                       <a href="#"> <span class="fa fa-desktop"></span> <span class="xn-text">Справочник</span></a>                        
                    </li> 
                    <li class="xn-openable">
                        <a href="#"><span class="fa fa-file-text-o"></span> <span class="xn-text">Терапия</span></a>
                        <ul>
                            <li class="xn-openable"><a href="">Некариозные поражения твердых тканей зубов</a>
                            <ul>
                            
                            
                            <li><a href="javascript:void(0)" onClick="document.getElementById('jaloby').value = 'Жалобы на косметический дефект и чувствительность ... зубов!' ; document.getElementById('obekt').value = 'На вестибулярной поверхности зубов наблюдается поражение эмали. Поверхность блестящая, гладкая и твердая при зондировании. Зондирование и реакция на температурный раздражитель чувствительная, перкуссия' ; document.getElementById('diagnoz').value = 'эрозия эмали КОЗ.2 (МКБ-10)'">Эрозия эмали</a></li>
                              <li><a href="javascript:void(0)" onClick="document.getElementById('jaloby').value = 'Жалобы на косметический дефект в области ... зубов' ; document.getElementById('obekt').value = 'На вестибулярной поверхности зубов блестящие белые пятна на фоне плотной эмали, безболезненные при зондировании, не окрашивающиеся индикатором кариеса ' ; document.getElementById('diagnoz').value = 'флюороз К00.3 (МКБ-10)'">Флюороз</a></li>
                              <li><a href="javascript:void(0)" onClick="document.getElementById('jaloby').value = 'На изменений пропорций лица, боли в ВНЧС снижение высоты коронок, косметические изменение и чувствительность зубов' ; document.getElementById('obekt').value = 'В группе зубов наблюдается стертость клинических коронок. За счет этого снижена высота прикуса. Зондирование и реакция на температурный раздражитель болезненная, перкуссия ' ; document.getElementById('diagnoz').value = 'патологическая стираемость К03.0 (МКБ-10)'">патологическая стираемость</a></li>
                              <li><a href="javascript:void(0)" onClick="document.getElementById('jaloby').value = 'На косметический дефект' ; document.getElementById('obekt').value = '' ; document.getElementById('diagnoz').value = 'некроз эмали'">некроз эмали</a></li>
                              <li><a href="javascript:void(0)" onClick="document.getElementById('jaloby').value = 'Жалобы на косметический дефект и чувствительность от механических и химических раздражителей' ; document.getElementById('obekt').value = 'В пришеечной области зуба дефект твердых тканей в виде клина. Зондирование дефекта безболезненно, перкуссия, термометрия гипоплазия эмали' ; document.getElementById('diagnoz').value = 'клиновидный дефект К03.10 (МКБ-10)'">клиновидный дефект</a></li>
                              <li><a href="javascript:void(0)" onClick="document.getElementById('jaloby').value = 'На косметический дефект ... зубов' ; document.getElementById('obekt').value = 'На поверхности группы зубов изменение цвета эмали, формы и величины. Поверхность эмали гладкая. Тетрациклиновые зубы: зубы ярко-желтого цвета интенсивно флюорисцируют в УФ-облучении. Зубы Гетчинсона.' ; document.getElementById('diagnoz').value = 'гипоплазия эмали К00.40 (МКБ-10)'">гипоплазия эмали</a></li>
                              <li><a href="javascript:void(0)" onClick="document.getElementById('jaloby').value = 'На косметический дефект' ; document.getElementById('obekt').value = '' ; document.getElementById('diagnoz').value = 'гиперплазия эмали'">гиперплазия эмали</a></li>
                              <li><a href="javascript:void(0)" onClick="document.getElementById('jaloby').value = 'На чувствительность от химических и температурных раздражителей в области ... зубов' ; document.getElementById('obekt').value = 'Твердые ткани зуба без изменения целостности, зондирование поверхности болезненно, реакция на температурные раздражители проходит сразу после устранения причины' ; document.getElementById('diagnoz').value = 'гиперестезия'">гиперестезия</a></li>
                   </ul>
                    </li>

Добавлено через 3 часа 35 минут
Нашел ответ сам

JavaScript
1
$(" .1page-sidebar>ul>li").each(function()

прописал это в js коде )

Новые блоги и статьи Все статьи Все блоги /
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .

Опции темы