Suchtext, egal ob in Groß- oder Kleinschreibung

Question

Ich habe eine Funktion, die ich verwende, um Inhalt in meinem Web mit einem Textfeld <input class="form-control" id="search" type="text" placeholder="Search" /> zu suchen, die Inhalte in verschiedenen Panels sind, so ist dies meine script.

$('#search').keyup(function() { 
    var term = $(this).val(); 
    if (term != '') { 
     $('.panel').hide(); 
     $('.panel').filter(function() { 
      return $(this).text().indexOf(term) > -1 
     }).show(); 
    } else { 
     $('.panel').show(); 
    } 
}); 

, die mit der genau in Ordnung, aber nur funktioniert, passen, wenn ich in das Textfeld Hello schreiben zeigt mir nur die Hello Worte, aber ich brauche das zeigt mir hello, hEllO oder HELLO, alle die Zeichenfolge unabhängig von der Klein- oder Großbuchstaben.

Jede Hilfe wird wirklich geschätzt, sorry für meine schlechte Grammatik.

Answer 1

Konvertieren sowohl die Such-Zeichenfolge und der Text, den Sie suchen jetzt in Kleinbuchstaben:

return $(this).text().toLowerCase().indexOf(term.toLowerCase()) > -1 

More info on MDN

Answer 2

Try toLowerCase() Funktion von Pass case-sensitive Anpassung zu verwenden, wie:

$(this).text().toLowerCase().indexOf(term.toLowerCase()) > -1 

Answer 3

Verwenden Sie .toUpperCase() sowohl Ihr Eingabewert und Filter val