JavaScriptを使用してプロパティでWebショップ製品をフィルタリングする

Question

約20の製品がdivでラップされたWebページがあります。ページをリロードせずに、価格やサイズなどのプロパティでフィルタリングしたい。

私の最初のアイデアは、プロパティをwrapper-divのclass-propertiesとして配置し、jQueryで非表示にすることでした。しかし、これは、特に価格帯内の製品を入手しようとする場合、遠回りのように思われます。

これについて何かアイデアはありますか？

Answer 1

html要素のプロパティをマークするには、使用する代わりに Jquery .data（）を使用しますクラス。

選択をフィルタリングして非表示または表示するには、 Jquery .filter（）を使用します。価格帯です。