Javascript 在js中隐藏并启用具有相同类名的Div集

我需要隐藏除第一个div之外的所有具有相同类名的div。然后单击每个按钮，我必须在js中逐个启用其他div。

1.
2.
3.
4.
5.
函数myFunction（）{
}

---

您可以过滤掉jQuery选择器中的第一个

：

$(".TextDiv:not(:first)")

您仍在使用类

TextDiv

选择所有

，但删除了带有选择器

：not（：first）

部分的第一个

然后可以隐藏、显示或切换元素（第一个元素除外）

你可以查一个例子。例如，除第一个之外的所有

都是隐藏的

关于“显示更多”按钮，您可以通过

TextDiv

类获取最后一个可见的

，转到下一个并显示它：

$("button").on("click", function() {
    $(".TextDiv:visible").last().next().show();
});

你可以查一个例子。除第一个按钮外的所有

都被隐藏，单击“显示更多”按钮将逐个显示另一个

如果要在每次按下按钮时显示多个

，一种方法是使用

TextDiv

类选择所有隐藏的

，使用

slice

功能仅选择第一个

x

项，然后显示它们。例如，要显示下一个隐藏的5个，请执行以下操作：

$("button").on("click", function() {
    $(".TextDiv:hidden").slice(0, 5).show();
})

每次按下“Show more”（显示更多）按钮时，您都可以在JSFIDLE上五乘五检查隐藏的

选择器。

非（选择器）选择器匹配不是指定元素/选择器的每个元素。 请尝试以下代码：

 $(document).ready(function(){
    $(".TextDiv:not(:first)").css("display","none");
    $('input [type="submit"]').click(function(){

    $('.TextDivdiv:hidden:first').css("display","block");

    });
    });

---

@HiDeo这个答案似乎很有效。你能解释一下我如何对多个div执行his操作吗？例如，有20个div具有相同的类名。最初我加载前5个div，每次单击按钮我都必须启用下一个5个div？我在回答中添加了一个示例，说明如何在每次按下“显示更多”按钮时显示多个div@HezronNaresh@HiDeo，你太无情了。当你没有很好的理由否决某个问题时，你不应该“仅仅因为我想”就这样做。嗨，希斯伦-你需要在你的问题中说明你迄今为止尝试了什么，以及为什么它不起作用。Stack Overflow不是一个人们从头开始为您设计和编写代码的网站。

$("button").on("click", function() {
    $(".TextDiv:hidden").slice(0, 5).show();
})

 $(document).ready(function(){
    $(".TextDiv:not(:first)").css("display","none");
    $('input [type="submit"]').click(function(){

    $('.TextDivdiv:hidden:first').css("display","block");

    });
    });