将类添加到具有特定名称的下 5 个 div答案

【问题标题】：Adding class to next 5 divs with specyfic name将类添加到具有特定名称的下 5 个 div
【发布时间】：2022-07-19 20:43:53
【问题描述】：

您好，我有一个问题是否可以将类添加到特定数量 (5) 类？当点击 5 更多文章出现时，我想创建一个新闻页面。必须重复操作。


const loadMorePostsBtn = document.getElementById('loadMoreBtn');
const allPostsCheck = document.querySelectorAll('.top-news');

function moreview(){
  allPostsCheck.forEach(singlepost => {
    singlepost.classList.remove('hidden');
    hiddenPostsPopup.textContent = $('#allNews > .hidden').length;
    }
  });
}

如果有帮助，这是可以工作但没有特定编号的代码

【问题讨论】：

只是一个提示 - 您可以使用 querySelectorAll 返回的 lenght 属性查看有多少帖子可见/隐藏。这样，您可以说总共 100 个帖子，其中 40 个没有隐藏。因此，您可以从接下来的 5 个元素 (40 + 5) 中删除 hidden 类。
api.jquery.com/slice 可以帮助您轻松剪切部分元素选择。
这当然是可能的，但我们需要的信息比您提供的更多。你的“minimal reproducible example 代码”是什么？我们需要它来重现问题（请注意，我们需要 minimal 和 representative 要求代码，我们不需要您的应用程序的完整代码 - 挖掘太多- 它不需要来自应用程序的数据，只要足够相似即可）。

标签： javascript html

【解决方案1】：

在第 n 个子元素上添加一个类，其中 n 是父元素的第 5 个子元素 - https://www.w3schools.com/cssref/sel_nth-child.asp

【讨论】：