使用JavaScript按属性过滤Webshop产品

Question

我有一个网页，其中约有20种产品包装在div中。我想按属性（例如价格oder大小）过滤它们，而无需重新加载页面。

我的第一个想法是将属性作为wrapper-div的类属性，并使用jQuery隐藏它们。但这似乎是circuit回曲折的，尤其是当您尝试在价格范围内获得产品时。

有什么想法可以解决这个问题吗？

Answer 1

要在html元素中标记属性，请使用 Jquery .data（）而不是使用课程。

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