Filtre os produtos da loja virtual por propriedades com JavaScript

Question

Tenho uma página da web com cerca de 20 produtos envolvidos em divs.Quero filtrá-los por propriedades, por exemplo, preço ou tamanho, sem recarregar a página.

Minha primeira ideia era colocar as propriedades como as propriedades da classe do wrapper-div e ocultá-las com jQuery.Mas isso parece tortuoso, especialmente quando você tenta obter produtos dentro de uma faixa de preço.

Alguma ideia de como fazer isso?

Answer 1

Para marcar propriedades em um elemento html, use Jquery .data () em vez de usaraulas.

Para filtrar a seleção para ocultar ou mostrar, use Jquery .filter () , mesmo queé a faixa de preço.