jQuery фильтры, это почти тоже самое что и jQuery селекторы, о которых я писал в этой статье – jQuery селекторы.
С помощью jQuery фильтров можно делать более сложные выборки данных, переходим к примерам:
jQuery фильтрация по контенту:
jQuery фильтрация по видимости:
jQuery фильтрация по иерархии:
jQuery фильтрация по потомкам:
jQuery фильтрация по атрибутам:
jQuery фильтрация по формам:
Другие jQuery фильтрации по формам:
Это все, а теперь я хочу сказать очень важную вещь, внимательно вникайте – ВСЕ эти фильтрации и выборки можно использовать абсолютно как угодно! 🙂
Можно придумывать самые разные методы получения тегов, вот примеры для чего это может понадобиться:
В общем включаем воображение и творим что хотим 🙂
В фильтры можно еще обычным способом внедрять JS переменные, создавая сложные интерфейсы и т.п.
Желаю удачи в освоении jQuery фильтров! 🙂 В следующих статьях мы начнем усердно использовать jQuery селекторы и фильтры.
Я работаю над проектом, в котором я хочу использовать JQuery для фильтрации переменных данных, встроенных в элементы div, находящиеся на странице, что-то вроде витрины, в которой пользователи смогут фильтровать различными способами. Итак, у меня есть следующее в моем Div;
HTML Результат
Данные извлекаются из таблицы SQL, и сотни из них создаются с соответствующими данными.
У меня есть следующее для работы только с именем, но я не могу найти способ, как его отфильтровать по всем другим входам, а также посмотреть имя и модель с этим одним входом.
JS / Запрос
Это тогда к верхней части страницы и где критерии отбора. В настоящее время он содержит 1 ввод текста, 2 флажка и 2 раскрывающихся списка. Будет много, намного больше фильтров, когда закончите.
Любая помощь будет принята с благодарностью.
РЕДАКТИРОВАТЬ:
Ниже приведен мой текущий файл JS, а также вывод «data» — объекта, который я использую для хранения состояний фильтров.
EDIT2:
Также следует отметить, что некоторые значения имеют значение true / false / null, поэтому их необходимо учитывать в фильтрах. Например, я получил флажок фильтров, полу-работающих со следующим;
НО … Для тех, у кого есть [data-remote-dips=»»] в отличие от 1 или 0, когда фильтр включается или выключается один раз, нулевые значения никогда не показываются до обновления. Та же проблема, когда в раскрывающемся списке «Все» вместо желаемого результата он ничего не показывает на странице.
Решение
Поэтому после полдня игры с JSFiddle мне удалось заставить его работать так, как я хотел, используя RegExp, как упомянул @David Johnson.
Рабочий HTML
Рабочая JS
Другие решения
Не нужно ли просто расширять условие следующим образом:
Здравствуйте.
Подскажите, пожалуйста, как можно фильтровать объекты по атрибутам, которые я прописал сам.
Например, есть:
Через .attr (.attr(«test»,»0(1)»)) я прописал одному из них новый атрибут со значением 1, а второму — 0.
Получилось:
Через .attr я могу посмотреть значения (1 и 0), но как мне выбрать блоки только со значением test=’1′?
И подскажите, пожалуйста, ничего, если я использую свои названия атрибутов, а не те, которые свойственны DIV?
