我想隐藏除 .any 和 .input 之外的所有元素以及前 10 个元素。但前 10 个部分不起作用，它只显示 4 个。我做错了什么？
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();