Filtrar productos de la tienda web por propiedades con JavaScript

Question

Tengo una página web con aproximadamente 20 productos envueltos en divs.Quiero filtrarlos por propiedades, por ejemplo, precio o tamaño, sin recargar la página.

Mi primera idea fue poner las propiedades como propiedades de clase de wrapper-div y ocultarlas con jQuery.Pero esto parece tortuoso, especialmente cuando intenta obtener productos dentro de un rango de precios.

¿Alguna idea de cómo hacer esto?

Answer 1

Para marcar propiedades en un elemento html, use Jquery .data () en lugar de usarclases.

Para filtrar la selección para ocultarla o mostrarla, use Jquery .filter () , incluso sies el rango de precios.