Thursday, 22 August 2013

Jquery :lt(10) doesn't work as expected

Jquery :lt(10) doesn't work as expected

I'd like to hide all elements except .any and .input and also first 10.
But first 10 part doesn't work, it only shows 4. What am I doing wrong?
html:
<ul class="filter option-set" data-filter-group="actor">
<li class="any"><a href="#filter-actor-any" data-filter-value=""
class="selected">Any</a></li>
<li><a href="#filter-actor-sandro" data-filter-value="sandro">Sandro</a></li>
<li><a href="#filter-actor-barbara"
data-filter-value="barbara">Barbara</a></li>
<li><a href="#filter-actor-ku" data-filter-value="ku">Ku</a></li>
<li><a href="#filter-actor-cool" data-filter-value="cool">Cool</a></li>
<li><a href="#filter-actor-aid" data-filter-value="aid">Aid</a></li>
<li><a href="#filter-actor-leo" data-filter-value="leo">Leo</a></li>
<li><a href="#filter-actor-john" data-filter-value="john">John</a></li>
<li><a href="#filter-actor-kvara" data-filter-value="kvara">Kvara</a></li>
<li><a href="#filter-actor-kuku" data-filter-value="kuku">Kuku</a></li>
<li><a href="#filter-actor-bubu" data-filter-value="bubu">Bubu</a></li>
<li><a href="#filter-actor-fra" data-filter-value="fra">Fra</a></li>
<li class="input"><input type="text" placeholder="Type and hit Enter to
search" class="js_search"></li>
</ul>
jquery:
$(".filter li").not(".any, .input, :lt(10)").hide();

No comments:

Post a Comment