С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 31.03.2017
Сообщений: 91

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

20.06.2017, 14:34. Показов 932. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Нашел вот этот код на 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 коде )
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
20.06.2017, 14:34
Ответы с готовыми решениями:

Неактивность кнопки, которая находится в определенном блоке
Привет, форумчане! Давно не писал, но появилась инетересная вещичка. Возникла ситуация, когда требуется помощь: Сделать кнопку...

Как найти все теги, кроме тега в определенном блоке?
Всем привет. В общем только начал изучать jquery и возникла проблема. Как можно найте все теги img кроме этих тегов в определенном блоке? ...

Живой поиск
Здравствуйте, помогите разобраться, делаю живой поиск, при любом вводе данных, есть ли они в бд или нет, скрипт выводит есть такой юзер,...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
20.06.2017, 14:34
Помогаю со студенческими работами здесь

Живой поиск
Есть 2 поля ввода: &lt;input type=&quot;text&quot; size=&quot;20&quot; value=&quot;&quot; id=&quot;inputString&quot; onkeyup=&quot;lookup(this.value);&quot; onblur=&quot;fill();&quot; /&gt; &lt;input...

Живой поиск
Доброго времени суток! Делаю себе на сайт живой поиск ... всё работает хорошо, НО столкнулся с такой проблемой что пока запрос...

Живой поиск PHP, JS
При реализации алгоритма живого поиска, найденного на просторах интернета, столкнулся с проблемой, что в input не отображается выбранный из...

Живой поиск, где ошибка?
Делаю живой поиск, всё работает, но проблема в том, что не вставляется при клике текст с div в input. В jquery еще не силен, только учусь,...

Живой поиск
Почему не выводит ячейку из массива, если введённое значение совпадает? Может я не правильно написал регулярное выражение? Я больше не...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru