Filter für bestimmte Inhalte in einer Klasse

Question

Ich habe gelernt über Filter und Inhalt auf meiner Seite zu zeigen, gerade jetzt füge ich ein <select> Element, um die Suche zu machen, so dass ich die Funktion des Auswahlelements in meiner Funktion von der Texteingabe basiert und funktioniert gut, überprüfen Sie die Jsfiddle, aber wenn ich die Auswahl verwenden möchten, um nur den Teil von Category: something zu filtern, das ist dieser Teil des Codes <span class="pull-right category">Wie kann ich es tun?.

Gerade jetzt, wenn ich die Option Fisrt in Dropdownlist wählen zeigt mir die erste und die dritte Platte, weil im dritten panel-body Inhalt das Wort existiert Erste so dass ich nur auf den Inhalt der Klasse category von meinem Elemente span zeigen soll und Zeigen Sie die Paneele mit First als Kategorie in keinem anderen Teil des Panels.

EDIT: Grundsätzlich muss ich mit dem dropdowlinst filtern, indem Sie die Kategorie auswählen und zeigt nur das Panel mit der Kategorie I, egal andere Inhalte des Panels wählen, nur die Category Teil.

Answer 1

Suchen Sie in Ihrem Filter nach dem Begriff nur innerhalb der Spanne mit der Klasse Kategorie und nicht den gesamten Text des Panels.

Wechsel:

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

zu

$(this).find('span.category').text().toLowerCase().indexOf(term.toLowerCase()) > -1 

Answer 2

Try this:

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