0

Возможно ли на jQuery сделать подобный динмаический фильтр:

Есть список элементов с определенными классами. Элементы скрыты через атрибут css display:none;

В инпут юзер вводит слово и если оно равно классу элемента, то все элементы с таким классом отображаются.

1 ответ 1

1

Запросто:

​jQuery(function($){
    $('#search').keyup(function(){
        var value=$('#search').val().toLocaleLowerCase();
        $('#list li').each(function(){
            if( $(this).text().toLocaleLowerCase().search(value) != -1 ){
                $(this).show();
            }else{
                $(this).hide();
            }
        });
    })
})​;​

#search - селектор для поля ввода, а #list li селектор элементов списка

2
  • если оно равно классу элемента
    – user3545
    28 сен 2012 в 12:33
  • 1
    Тогда так: jQuery(function($){ $('#search').keyup(function(){ var value=$('#search').val().toLocaleLowerCase(); $('#list li').each(function(){ if( $(this).hasClass(value) ){ $(this).show(); }else{ $(this).hide(); } }); }) });​
    – KiTE
    28 сен 2012 в 12:40

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.