jQuery Slick Slider 过滤多个条件

素材狗 2022-01-01 17:33:42 文章分类：前端问题点击数：次

文章标签

jQuery Slick Slider filtering with multiple conditions(jQuery Slick Slider 过滤多个条件)

本文介绍了jQuery Slick Slider 过滤多个条件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

这是一个光滑滑块的 HTML:

Here is a HTML for slick slider:

<div class="slick">
    <div class="black phone"></div>
    <div class="white phone"></div>
    <div class="green phone"></div>
    <div class="black ipad"></div>
    <div class="white ipad"></div>
    <div class="green ipad"></div>
    <div class="black tablet"></div>
    <div class="white tablet"></div>
    <div class="green tablet"></div>
</div>

我需要按颜色(黑色、白色、绿色)和设备(手机、ipad、平板电脑)进行过滤.所以比如需要通过.white和.tablet的类名进行过滤.过滤器格式为:颜色"和设备".它是动态的，而不是静态的.请给我建议.任何帮助将不胜感激.谢谢.

I need to filter by color (black, white, green) and device (phone, ipad, tablet). So for example, need to filter by classname of .white and .tablet. Filter format is : "color" and "device". It's dynamic, not static. Please advice me. Any help will be appreciated. Thanks.