Breaking News: Grepper is joining You.com. Read the official announcement!

filter text js

0xTony143 answered on October 6, 2020 Popularity 8/10 Helpfulness 1/10

answer filter text js

related js filter text

filter text js

Comment

$(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();
    })
})

Popularity 8/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: filter javascript text

Link to this answer
Share Copy Link

Contributed on Jun 03 2022

0xTony143

0 Answers Avg Quality 2/10

Closely Related Answers

js filter text

Comment

-1

<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>

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: filter fi

Link to this answer
Share Copy Link

Contributed on Oct 06 2020

Viruscom1000

0 Answers Avg Quality 2/10

filter text js

Contents

More Related Answers

filter text js

Closely Related Answers

js filter text

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.