Есть задача.
Нужно скрыть все li у которых индекс больше 4
Есть структура
<div class="filter_item">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
Пробую так
jQuery(document).ready(function($){
var selector_elem = ".filter_item ul";
var item_index = 4;
$(selector_elem).each(function(){
var items_count = $(selector_elem).children().length;
if (items_count >= item_index) {
$(selector_elem+" li:gt("+item_index+")").hide();
}
});
});
но как результат получаю либо все скрытыми, либо скрываются все li которые находятся в 2 и 3-ем списках
Что странно при использовании .nth-child(n) скрывается нужный в всех списках.