Предельное количество Div по классу

Question

Это должно быть простым, но не уверенным, почему он не работает.

Fiddle: http://jsfiddle.net/8ktVh/2/

HTML

<div class="ocEvent">1</div> 
<div class="ocEvent">2</div> 
<div class="ocEvent">3</div> 
<div class="ocEvent">4</div> 
<div class="ocEvent">5</div> 
<div class="ocEvent">6</div> 
<div class="ocEvent">7</div> 
<div class="ocEvent">8</div> 
<div class="ocEvent">9</div> 
<div class="ocEvent">10</div> 

Jquery

$('.ocEvent:gt(2)').hide(); 

Пробовал также div.ocEvent, а также добавлять идентификатор, но не работает. Я хочу ограничить и скрыть остальную часть divs, скажем 2.

Должно быть очень просто, но я предполагаю, что я что-то пропустил.

Answer 1

Ваш код работает очень хорошо в вашей скрипке, за исключением того, что ваш индекс неверен.

Если вы хотите, чтобы показать только 2 div это должен быть ваш код:

$('.ocEvent:gt(1)').hide(); 

Это происходит потому, что :gt использует индекс, основанный на ноль.