Отфильтруйте товары интернет-магазина по свойствам с помощью JavaScript

Question

У меня есть веб-страница с примерно 20 товарами, упакованными в блоки div.Я хочу фильтровать их по свойствам, например по размеру заказа, без перезагрузки страницы.

Моя первая идея заключалась в том, чтобы поместить свойства как свойства класса оболочки-div и скрыть их с помощью jQuery.Но это кажется окольным, особенно когда вы пытаетесь купить товары в пределах определенного ценового диапазона.

Есть идеи, как это сделать?

Answer 1

Чтобы пометить свойства в элементе html, используйте Jquery .data () вместо использованияклассы.

Чтобы отфильтровать выделенный фрагмент для скрытия или отображения, используйте Jquery .filter () , даже если онэто ценовой диапазон.