Filtre les produits de boutique en ligne par propriétés avec JavaScript

Question

J'ai une page Web avec environ 20 produits enveloppés dans des div. Je souhaite les filtrer par des propriétés, par exemple la taille de prix de prix, sans recharger la page.

Ma première idée a été de mettre les propriétés comme les propriétés de classe du wrapper-div et de les cacher avec jQuery. Mais cela semble circuit, surtout lorsque vous essayez d'obtenir des produits dans une fourchette de prix.

Des idées comment procéder à ce sujet?

Answer 1

Pour marquer les propriétés dans un élément HTML, utilisez JQuery .Data () au lieu d'utiliser des classes.

Pour filtrer la sélection à cacher ou à afficher, utilisez JQuery .Filter (), même s'il s'agit de la gamme de prix.