Создал кулинарную книгу на малиновом пи и 7-дюймовом сенсорном экране под шкафами на моей кухне. Перечислите рецепты под разными каталогами (например, курица, говядина и т. Д.). Сделайте клавиатуру, которая при вводе в нее исключает рецепты, которые не соответствуют набранным буквам. Моя проблема в том, что я хочу удалить каталоги без совпадений. Возможно, без переписывания моего кода. Вот общий макет каталогов, каждый из которых содержит несколько рецептов .pfd. Я не хочу переделывать код слишком сильно, так как при нажатии на любой рецепт он открывает PDF в соседней панели.
Невозможно использовать general: empty css. Пробовал некоторые варианты отображения / скрытия js, в том числе некоторые: содержит попытки.
Этот код заполняет текстовое поле набранными буквами с клавиатуры, ищет в recipeList совпадения и заполняет выбранный div совпадениями. Все рецепты имеют имя класса recipeList, все подкаталоги имеют имя класса recipeSubDirList, а каталоги верхнего уровня имеют имя класса recipeDirList.
//Function to return the string
`function returnString(str)
{
document.getElementById('searchText').value = str;
var text = document.getElementById("searchText").value;
//hide all the recipes
$('.recipeList').hide(); //hides the recipes
$('.recipeSubDirList').hide(); //hides the SubDirs
$('.recipeDirList').hide(); //hides the top level Dirs
//Show the recipes with a text match
//todo: show directories and subdirectories with a match
$('.recipeSelect .recipeList:contains("'+text+'")').show(); //shows the recipes
}`
Обычный вывод со всеми рецептами:
Recipe // каталог верхнего уровня
Говядина // Подкаталог
beef1.pdf
beef2.pdf
Курица // Подкаталог
chicken.pdf
Печенье // Подкаталог
Барные печенья // Подкаталог
Lemon Bars.pdf
Заполненные файлы cookie // Подкаталог
Jam Drops.pdf
Обычные файлы cookie // Подкаталог
Snickerdoodles.pdf
Рыба // Подкаталог
Палтус из травяной корки.pdf
Фактический вывод с отфильтрованными рецептами: набранный текст: er
Рецепт // каталог верхнего уровня
Говядина // Подкаталог
Цыпленок // Подкаталог
Cookies //Подкаталог
Bar Cookies // Подкаталог
Заполненные Cookies // Подкаталог
Обычные Cookies // Подкаталог
Snickerdoodles.pdf
Рыба // Подкаталог
Палтус из травяной корки* .pdf 1036 *
Требуемый вывод с отфильтрованными рецептами: набранный текст: er
Рецепт // каталог верхнего уровня
Cookies // Подкаталог
Обычные Cookies // Подкаталог
Snickerdoodles.pdf
Fish // Подкаталог
Палтус с травами и корочкой.pdf