按屬性篩選網上商店產品代碼

Question

我有一個包含約20個產品的網頁。我想通過屬性過濾它們，例如價格或尺寸，而無需重新加載頁面。

我的第一個想法是把屬性作爲wrapper-div的類屬性，並用jQuery隱藏它們。但是這似乎是迂迴的，特別是當你試圖在一個價格範圍內獲得產品時。

任何想法如何去做到這一點？

Answer 1

要標記HTML元素中的屬性，請使用Jquery .data()而不是使用類。

要篩選要隱藏或顯示的選擇，請使用Jquery .filter()，即使它是價格範圍。