2013-08-29 65 views
0

這應該很簡單,但不知道爲什麼它不起作用。分類限額

小提琴: 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,並且還加入了ID,但無法正常工作。我想限制和隱藏其餘的div,說2.

應該是超級簡單,但我想我會失去一些東西。

+6

你不包括jQuery庫。 http://jsfiddle.net/8ktVh/3/ – lifetimes

+0

你確定你在頁面上包含jquery嗎?對我來說工作得很好。 – jboneca

+0

[這是一個工程](http://jsfiddle.net/8ktVh/5/)。你需要學習如何進行基本的調試。例如,在Chrome中按下「F12」,打開具有控制檯的開發工具 – Bojangles

回答

2

你的代碼工作得很好,除了你的索引是錯的。

如果你想只顯示2 div這應該是你的代碼:

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

這是因爲:gt使用從零開始的索引。