javascript - 按类别限制 Div 数量

Question

这应该很简单，但不确定为什么它不起作用。

小提琴：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>

查询

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

还尝试了 div.ocEvent 并添加了一个 id 但不起作用。我想限制和隐藏其余的 div，比如 2。

应该超级简单，但我想我错过了一些东西。

Answer 1

您的代码在您的小提琴中工作得很好，除了您的索引可能是错误的。

如果您只想显示2 div这应该是您的代码：

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

这是因为:gt使用基于零的索引。