Filtern Sie Webshop-Produkte nach Eigenschaften mit JavaScript

Question

Ich habe eine Webseite mit ungefähr 20 Produkten, die in Divs verpackt sind.Ich möchte sie nach Eigenschaften filtern, z. B. nach Preis oder Größe, ohne die Seite neu zu laden.

Meine erste Idee war, die Eigenschaften als Klasseneigenschaften des Wrapper-Div zu setzen und sie mit jQuery auszublenden.Dies scheint jedoch umständlich zu sein, insbesondere wenn Sie versuchen, Produkte innerhalb einer Preisspanne zu erhalten.

Irgendwelche Ideen, wie man das macht?

Answer 1

Um Eigenschaften in einem HTML-Element zu markieren, verwenden Sie Jquery .data () anstelle vonKlassen.

Um die Auswahl zum Ausblenden oder Anzeigen zu filtern, verwenden Sie Jquery .filter () , auch wenn dies der Fall istist Preisspanne.