“Фильтр текст JS” Ответ

JS -фильтр текст

<script>
    $('input[name="search_field"]').on("keyup", function() {
        filtrate($(this).val().toLowerCase());
    });

    function filtrate(searched) {
        $(".filter-key > h3").filter(function() {
            var isHidden = ($(this).text().toLowerCase().indexOf(searched) > -1) ? 'block' : 'none';
            $('.filter-key').css('display', isHidden);
        });
    }
</script>
Viruscom1000

Фильтр текст JS

$(document).ready(function(){
    var $btns = $('.btn').click(function() {
        if (this.id == 'all') {
          $('#parent > div').fadeIn(450);
        } else {
          var $el = $('.' + this.id).fadeIn(450);
          $('#parent > div').not($el).hide();
        }
        $btns.removeClass('active');
        $(this).addClass('active');
      })
    
    var $search = $("#search").on('input',function(){
        $btns.removeClass('active');
        var matcher = new RegExp($(this).val(), 'gi');
        $('.box').show().not(function(){
            return matcher.test($(this).find('.name, .skills').text())
        }).hide();
    })
})
Anthony Smith

Ответы похожие на “Фильтр текст JS”

Вопросы похожие на “Фильтр текст JS”

Больше похожих ответов на “Фильтр текст JS” по JavaScript

Смотреть популярные ответы по языку

Смотреть другие языки программирования