تصفية منتجات متجر الويب حسب الخصائص باستخدام JavaScript

Question

لدي صفحة ويب بها حوالي 20 منتجًا ملفوفًا في أجزاء.أريد تصفيتها حسب الخصائص ، على سبيل المثال السعر أو الحجم ، دون إعادة تحميل الصفحة.

كانت فكرتي الأولى هي وضع الخصائص كخصائص فئة لـ wrapper-div وإخفائها باستخدام jQuery.لكن هذا يبدو غير مباشر ، خاصة عندما تحاول الحصول على منتجات في نطاق سعري.

هل من أفكار حول كيفية القيام بذلك؟

Answer 1

لتمييز الخصائص في عنصر html ، استخدم Jquery .data () بدلاً من استخدامفصول دراسية.

لتصفية التحديد لإخفائه أو إظهاره ، استخدم Jquery .filter () ، حتى إذا كانهو النطاق السعري.