隐藏具有相同类的所有div(除了第一个)

时间:2011-08-01 07:11:27

标签: jquery

我有10个< div>的同一个班级

 <div class="c1"></div>
 <div class="c1"></div>
 <div class="c1"></div>
 <div class="c1"></div>
 <div class="c1"></div>
 <div class="c1"></div>
 <div class="c1"></div>
 <div class="c1"></div>
 <div class="c1"></div>
 <div class="c1"></div>

现在我需要隐藏所有&lt; div&gt;先退出。

4 个答案:

答案 0 :(得分:16)

这是最快的方法:$('div.c1').not(':eq(0)').hide();:)

答案 1 :(得分:1)

$('.c1').hide();
$('.c1:first').show();

答案 2 :(得分:0)

另一种方式:

$('div.c1:gt(0)').hide ();

例如,如果您决定保留前2,那么哪个更灵活。

请注意,到目前为止,这比其他答案快10%(在FF 5中)。 See this performance test

答案 3 :(得分:0)

var elements = document.getElementsByTagName("div").getElementsByClassName("c1");
for (var i = 1; i < elements.length; i++)
{
    elements[i].style.visibility = "hidden";
}

我希望它有效