Как сделать поиск по страницам?

Question

[hrvasiliy]

jsfiddle.net - если попробовать что-то ввести в данном примере, то вывод будет соответствовать только для страницы, на которой мы находимся. К примеру, если мы находимся на 1-й странице, а ввести какие-то данные с 2-й или 3-й страницы, то мы не увидим их, увидим лишь только прокрутив.
Я не могу разобраться, как сделать так, что если мы вводим в поисковую строку на любой странице, то именно на данной странице и выводится, а если соответствий более 5, то опять появляется прокрутка (но уже по элементам, которые соответствуют запросу).

Answer 1

[Alex]

Добавьте всем страницам класс `page`. А класс `not-match` лучше тогда заменить на `match` и добавлять тем элементам, которые соответствуют поиску. Тогда после поиска у всех подходящих элементов будет класс `match`. Тогда алгоритм нахождения такой:

1. Берём все страницы (элементы с классом `page`). И идём по ним циклом.
2. Если у текущей страницы есть внутри элементы с классом `match`, запоминаем её номер и выходим из цикла.

Comments

[Alex]

hrvasiliy: Может, лучше для вашей задачи использовать какой-нибудь фреймворк, типа реакта?

[Alex]

Я так понимаю, это не единственная задача подобного рода, которую вы будете решать?

[hrvasiliy]

isqua: Мне кажется, ради одной странички устанавливать фреймворк нецелесообразно... Был бы вам премного благодарен, если бы на этом примере: https://jsfiddle.net/21pojvu0/2/ объяснили/показали как реализовать это.. Зараннее спасибо