Filtra i prodotti del negozio online per proprietà con JavaScript

Question

Ho una pagina web con circa 20 prodotti racchiusi in div.Voglio filtrarli per proprietà, ad esempio prezzo o dimensione, senza ricaricare la pagina.

La mia prima idea era di mettere le proprietà come proprietà di classe del div wrapper e nasconderle con jQuery.Ma questo sembra tortuoso, soprattutto quando cerchi di ottenere prodotti in una fascia di prezzo.

Qualche idea su come procedere?

Answer 1

Per contrassegnare le proprietà in un elemento html, utilizza Jquery .data () invece di utilizzareclassi.

Per filtrare la selezione da nascondere o mostrare, utilizza Jquery .filter () , anche seè la fascia di prezzo.