Javascript Jquery隐藏div列表并在第5部分中显示

我有一个像这样的html页面

<div id="main">
    <div class="content">
        <p>Text</p>
    </div>
    <div class="content">
        <p>Text</p>
    </div>
    <div class="content">
        <p>Text</p>
    </div>
    <div class="content">
        <p>Text</p>
    </div>
    <div class="content">
        <p>Text</p>
    </div>
    <div class="content">
        <p>Text</p>
    </div>
    <div class="content">
        <p>Text</p>
    </div>
    <div class="content">
        <p>Text</p>
    </div>
</div>

正文

正文

正文

正文

正文

正文

正文

正文

所以我已经在我的DocumentReady函数中有了这个

var sections = $(".content");
        for(var i = 0; i < sections.length; i+=5) {
            sections.slice(i, i+5).wrapAll("<div class='section-of-content'></div>");
        }

var sections=$（“.content”）；
对于（变量i=0；i

这将分割我的div并将它们包装在一个新的div中，类为“section of content”，现在我想做的是简单地显示第一个“section of content”并隐藏所有其他部分，然后我将在底部有一个锚定标记，它是next和previous，它将显示和隐藏另一个“section of content”

我试过这个

var contentSections = $(".section-of-content");
        for(var i = 0; i < contentSections.length; i++)
        {
            if(i == 0)
            { 
                contentSections [i].show();
            }
            else
            {
                contentSections [i].hide();
            }
        }

var contentSections=$（“.section of content”）；
对于（var i=0；i

但它表示函数未定义，它引用的是.show（）；

---

有人能帮我吗？

您必须在jquery选择器中包装

projectSections[i]

，因为

projectSections[i]

给您一个javascript元素而不是jquery对象，所以如果您像这样使用它：

var projectSections = $(".project-section");
for(var i = 0; i < projectSections.length; i++)
{
    if(i == 0)
    { 
        $(projectSections[i]).show();
    }
    else
    {
        $(projectSections[i]).hide();
    }
}

---

更实用。

您必须在jquery选择器中包装

projectSections[i]

，因为

projectSections[i]

为您提供了一个javascript元素而不是jquery对象，因此如果您像这样使用它：

var projectSections = $(".project-section");
for(var i = 0; i < projectSections.length; i++)
{
    if(i == 0)
    { 
        $(projectSections[i]).show();
    }
    else
    {
        $(projectSections[i]).hide();
    }
}

---

更实用。

您必须在jquery选择器中包装

projectSections[i]

，因为

projectSections[i]

为您提供了一个javascript元素而不是jquery对象，因此如果您像这样使用它：

var projectSections = $(".project-section");
for(var i = 0; i < projectSections.length; i++)
{
    if(i == 0)
    { 
        $(projectSections[i]).show();
    }
    else
    {
        $(projectSections[i]).hide();
    }
}

---

更实用。

您必须在jquery选择器中包装

projectSections[i]

，因为

projectSections[i]

为您提供了一个javascript元素而不是jquery对象，因此如果您像这样使用它：

var projectSections = $(".project-section");
for(var i = 0; i < projectSections.length; i++)
{
    if(i == 0)
    { 
        $(projectSections[i]).show();
    }
    else
    {
        $(projectSections[i]).hide();
    }
}

---

更实用。

在“contentSections”和[i]之间有空格，应该没有空格。另外，将调试器放在一个对话框中，确保“i”的值是一个数字，并且不是未定义的。您可以在snippet或jsfiddle中创建一个可运行的示例吗？如果“contentSections”和[i]之间有空格，那么应该没有空格。另外，将调试器放在一个对话框中，确保“i”的值是一个数字，并且不是未定义的。您可以在snippet或jsfiddle中创建一个可运行的示例吗？如果“contentSections”和[i]之间有空格，那么应该没有空格。另外，将调试器放在一个对话框中，确保“i”的值是一个数字，并且不是未定义的。您可以在snippet或jsfiddle中创建一个可运行的示例吗？如果“contentSections”和[i]之间有空格，那么应该没有空格。另外，将调试器放在一个窗口中，确保“i”的值是一个数字，而不是未定义的。你能在一个代码段或JSFIDLE中创建一个可运行的示例吗。视角，轰，真不敢相信我错过了。视角，轰，真不敢相信我错过了。视角，轰，真不敢相信我错过了。观点。