jQuery: Multiple selector issue
<p>I am having problems showing divs where the div has three selectors I need to match on. These are typical:</p>

<pre><code>&lt;div class="pinfo draft sept-2010"&gt;...&lt;/div&gt;
&lt;div class="pinfo published feb-2011"&gt;...&lt;/div&gt;
etc...
</code></pre>

<p>There is always <code>pinfo</code> followed by review state (published or draft) and then time frame (month + year)</p>

<p>This is what I currently have:</p>

<pre><code>// Hide all rows
$(".pinfo").hide();
// Now, show those rows where the selectors are in the filters built
for (idx in $cls)
{
    console.log('filter: '+$cls[idx]);
    $('.pinfo').filter($cls[idx]).show();
}
</code></pre>

<p>where $cls is an array of strings. The strings are class selectors built given then choices made by the user from an input form. For example:</p>

<pre><code>$cls = [".Draft .sept-2011", 
        ".Published .sept-2011"]
</code></pre>

<p>I am having problems showing divs where the div has three selectors I need to match on. </p>

<p>Any help is appreciated.</p>

<p>Thanks!
Eric</p>
