Case Insensitive - Jquery Search System

Question

Case Insensitive - Jquery Search System

Navigation

#1 by (2 votes)
#2 by (1 votes)

-1

Good morning!

I have this code that does the search within a <ul> <li> list:

    $(function(){   

    $('input[type="text"]').keyup(function(){       

        var searchText = $(this).val();

        $('.filter-task > li').each(function(){

            var currentLiText = $(this).text(),
                showCurrentLi = currentLiText.indexOf(searchText) !== -1;

            $(this).toggle(showCurrentLi);

        });

    });

});

I'm trying to get the case sensitive from jquery in the search, doing a search by google I found this code:

    $.expr[":"].contains = $.expr.createPseudo(function(arg) {
    return function( elem ) {
        return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
    };
});

But I do not quite understand it, does anyone have something clearer on the subject, or do you have any other way to get the case sensitive?

javascript jquery case-insensitive

asked by anonymous 02.09.2016 / 15:05

2 answers

2

You do not need to use any function like this, javascript has a native function to leave everything in the box toUpperCase()

$(function(){   

    $('input[type="text"]').keyup(function(){       

        var searchText = $(this).val().toUpperCase();

        $('.filter-task > li').each(function(){

            var currentLiText = $(this).text().toUpperCase(),
                showCurrentLi = currentLiText.indexOf(searchText) !== -1;
      
            $(this).toggle(showCurrentLi);

        });

    });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><inputtype="text" >
<ul class="filter-task">
  <li>CACHORRO</li>
  <li>gato</li>
  <li>papagaio</li>
<ul>

02.09.2016 / 15:25

How to make links with sub-links [closed] Location.href is not transferring from page in ASP.NET MVC

score 1 · Accepted Answer

For the search to be case-insensitive, transform the searched term and the text of the element into UPPERCASE or lowercase

$(function(){   

$('input[type="text"]').keyup(function(){       

    var searchText = $(this).val().toUpperCase();

    $('.filter-task > li').each(function(){

        var currentLiText = $(this).text().toUpperCase(),
            showCurrentLi = currentLiText.indexOf(searchText) !== -1;

        $(this).toggle(showCurrentLi);

    });

});

});