Показать сообщение отдельно
  #1 (permalink)  
Старый 17.05.2010, 14:24
Аспирант
Отправить личное сообщение для Viper Посмотреть профиль Найти все сообщения от Viper
 
Регистрация: 27.09.2008
Сообщений: 88

Списки и :gt() селектор
Есть задача.
Нужно скрыть все 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) скрывается нужный в всех списках.
Ответить с цитированием