使用JavaScript按属性过滤网上商店产品

Question

我有一个网页，其中大约有20个产品包含在div中。我希望按属性过滤它们，例如价格或大小，而不重新加载页面。

我的第一个想法是将属性作为wrapper-div的类属性，并用jQuery隐藏它们。但这似乎很迂回，特别是当你试图让产品在价格范围内时。

任何想法如何解决这个问题？

Answer 1

要在html元素中标记属性，请使用Jquery .data()而不是使用类。

要过滤要隐藏或显示的选择，请使用Jquery .filter()，即使它是价格范围。