使用JavaScript按属性筛选webshop产品

我有一个网页，里面有大约20种用div包装的产品。我想按属性过滤它们，例如价格顺序大小，而不重新加载页面

我的第一个想法是将属性作为包装器div的类属性，并使用jQuery隐藏它们。但这似乎是迂回的，尤其是当你试图获得价格范围内的产品时

---

你知道怎么做吗？

要在html元素中标记属性，请使用而不是使用类

---

要筛选要隐藏或显示的选择，请使用，即使是价格范围。

非常感谢，这正是我要找的。