jQuery Slick Slider filtering with multiple conditions
<p>Here is a HTML for slick slider:</p>

<pre><code>&lt;div class="slick"&gt;
    &lt;div class="black phone"&gt;&lt;/div&gt;
    &lt;div class="white phone"&gt;&lt;/div&gt;
    &lt;div class="green phone"&gt;&lt;/div&gt;
    &lt;div class="black ipad"&gt;&lt;/div&gt;
    &lt;div class="white ipad"&gt;&lt;/div&gt;
    &lt;div class="green ipad"&gt;&lt;/div&gt;
    &lt;div class="black tablet"&gt;&lt;/div&gt;
    &lt;div class="white tablet"&gt;&lt;/div&gt;
    &lt;div class="green tablet"&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

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