Javascript 如何显示特定数量的子div？

我不确定这是否可能。。。 如果你有f.ex

<div id="parent">
    <div id="child1"></div>
    <div id="child2"></div>
    <div id="child3"></div>
    <div id="child4"></div>
    <div id="child5"></div>
    <div id="child6"></div>
</div>

---

使用jquery或javascript（或其他类似的东西），您怎么能只显示前两个呢？

以下是一种在jquery中实现的方法：

// hide all the children
$("#parent>div").hide();
// unhide the two we care about
$("#child1").show();
$("#child2").show();

如果您的元素没有已知的ID，这里有一个更通用的解决方案：

$("#parent>div~div~div").hide();

---

以下是一种在jQuery中实现的方法：

// hide all the children
$("#parent>div").hide();
// unhide the two we care about
$("#child1").show();
$("#child2").show();

如果您的元素没有已知的ID，这里有一个更通用的解决方案：

$("#parent>div~div~div").hide();

---

以下是一种在jQuery中实现的方法：

// hide all the children
$("#parent>div").hide();
// unhide the two we care about
$("#child1").show();
$("#child2").show();

如果您的元素没有已知的ID，这里有一个更通用的解决方案：

$("#parent>div~div~div").hide();

---

以下是一种在jQuery中实现的方法：

// hide all the children
$("#parent>div").hide();
// unhide the two we care about
$("#child1").show();
$("#child2").show();

如果您的元素没有已知的ID，这里有一个更通用的解决方案：

$("#parent>div~div~div").hide();

你可以用

实际上，如果您希望以增量方式显示，最好先隐藏所有内容，然后使用来显示

你可以用

实际上，如果您希望以增量方式显示，最好先隐藏所有内容，然后使用来显示

你可以用

实际上，如果您希望以增量方式显示，最好先隐藏所有内容，然后使用来显示

你可以用

实际上，如果您希望以增量方式显示，最好先隐藏所有内容，然后使用来显示

---

您可以使用CSS执行此操作：

#parent div:nth-child(n+3) {
    display: none;
}

---

您可以使用CSS执行此操作：

#parent div:nth-child(n+3) {
    display: none;
}

---

您可以使用CSS执行此操作：

#parent div:nth-child(n+3) {
    display: none;
}

---

您可以使用CSS执行此操作：

#parent div:nth-child(n+3) {
    display: none;
}

---

您可以这样编写jQuery代码：

var visibleIndexes = [0, 1]
$("#parent").children().each(function(index) {
 if(visibleIndexes.indexOf(index) === -1){
   $(this).hide();
 } else {
   $(this).show();
 }
}); 

---

您可以将要显示的索引存储在变量

visibleIndexes

或任何其他变量中，并将其传递给此函数您可以这样编写jQuery代码：

var visibleIndexes = [0, 1]
$("#parent").children().each(function(index) {
 if(visibleIndexes.indexOf(index) === -1){
   $(this).hide();
 } else {
   $(this).show();
 }
}); 

---

您可以将要显示的索引存储在变量

visibleIndexes

或任何其他变量中，并将其传递给此函数您可以这样编写jQuery代码：

var visibleIndexes = [0, 1]
$("#parent").children().each(function(index) {
 if(visibleIndexes.indexOf(index) === -1){
   $(this).hide();
 } else {
   $(this).show();
 }
}); 

---

您可以将要显示的索引存储在变量

visibleIndexes

或任何其他变量中，并将其传递给此函数您可以这样编写jQuery代码：

var visibleIndexes = [0, 1]
$("#parent").children().each(function(index) {
 if(visibleIndexes.indexOf(index) === -1){
   $(this).hide();
 } else {
   $(this).show();
 }
}); 

---

您可以存储要在变量

visibleIndexes

或任何其他变量中显示的索引，并通过简单的迭代方法将其传递给此函数：

$( document ).ready(function() {
    var i = 0;
    var somevalue = 3;
    $("#parent").children("div").each(
        function () {
            if(i > somevalue) $(this).hide();
            i++;
        });
});

---

一种简单的迭代方法：

$( document ).ready(function() {
    var i = 0;
    var somevalue = 3;
    $("#parent").children("div").each(
        function () {
            if(i > somevalue) $(this).hide();
            i++;
        });
});

---

一种简单的迭代方法：

$( document ).ready(function() {
    var i = 0;
    var somevalue = 3;
    $("#parent").children("div").each(
        function () {
            if(i > somevalue) $(this).hide();
            i++;
        });
});

---

一种简单的迭代方法：

$( document ).ready(function() {
    var i = 0;
    var somevalue = 3;
    $("#parent").children("div").each(
        function () {
            if(i > somevalue) $(this).hide();
            i++;
        });
});

---

---

---

可能是值将是1而不是4它可以是任何数字>=0。但是对于所问的特定问题，它应该是1。根据问题，它将是1，我只是指它。因此，我要显示f.ex。接下来的五个div，点击一下，我可以把1变成var n，当我点击按钮n=n+5时，值可能是1，而不是4，它可以是任何数字>=0。但是对于所问的特定问题，它应该是1。根据问题，它将是1，我只是指它。所以我要显示f.ex。接下来的五个div，点击一下，我可以把1变成var n，当我点击按钮n=n+5时，值可能是1，而不是4，它可以是任何数字>=0。但是对于所问的特定问题，它应该是1。根据问题，它将是1，我只是指它。所以我要显示f.ex。接下来的五个div，点击一下，我可以把1变成var n，当我点击按钮n=n+5时，值可能是1，而不是4，它可以是任何数字>=0。但是对于所问的特定问题，它应该是1。根据问题，它将是1，我只是指它。所以我要显示f.ex。接下来的五个div，点击一下，我就可以把1变成var n，当我点击按钮n=n+5时，叹气。讨厌匿名否决票。也许他/她错过了：或者其他任何重要的事情。在我看来，否决票是没有理由的。OP确实说了“任何事情”，包括CSS。这是一个可行且简单的解决方案。也许，唯一的缺点是，它不容易逆转。但是CSS类可以提供帮助：例如，

#parent.toptwoshow div:nth child（n+3）

作为选择器，然后您只需要在父元素上切换class

toptwoshow

。真的很简单。我认为在大多数情况下，我会选择这条路线，而不是使用JavaScript。特别是因为我们讨论的是已经呈现到markup.Sigh的元素。讨厌匿名否决票。也许他/她错过了：或者其他任何重要的事情。在我看来，否决票是没有理由的。OP确实说了“任何事情”，包括CSS。这是一个可行且简单的解决方案。也许，唯一的缺点是，它不容易逆转。但是CSS类可以提供帮助：例如，

#parent.toptwoshow div:nth child（n+3）

作为选择器，然后您只需要在父元素上切换class

toptwoshow

。真的很简单。我认为在大多数情况下，我会选择这条路线，而不是使用JavaScript。特别是因为我们讨论的是已经呈现到markup.Sigh的元素。讨厌匿名否决票。也许他/她错过了：或者其他任何重要的事情。在我看来，否决票是没有理由的。OP确实说了“任何事情”，包括CSS。这是一个可行且简单的解决方案。也许，唯一的缺点是，它不容易逆转。但是CSS类可以提供帮助：例如，

#parent.toptwoshow div:nth child（n+3）

作为选择器，然后您只需要在父元素上切换class

toptwoshow

。真的很简单。我认为在大多数情况下，我会选择这条路线，而不是使用JavaScript。特别是因为我们讨论的是已经呈现到markup.Sigh的元素。讨厌匿名否决票。也许他/她错过了：或者其他任何重要的事情。在我看来，否决票是没有理由的。OP确实说了“任何事情”，包括CSS。这是一个可行且简单的解决方案。也许，唯一的缺点是，它不是e