javascript - 更改div的每个第二个实例的类？

我正在一个Wordpress网站上工作，我想创建一个具有类别的无序列表。类别包括诸如数学，英语，科学等主题。用户可以上传与这些类别之一相关的文件，并提供文件的简短说明。但是我不希望类别对每个实例重复一次：

-英语
    莎士比亚的《哈姆雷特》
    每周阅读一章并做笔记

-英语
    阅读作业
阅读所有12个问题并用完整的句子回答。

相反，我希望出现该类别的第一个实例，并希望将具有相同类别的其他帖子附加到第一个实例上。
例：

-英语

-莎士比亚的哈姆雷特
    每周阅读一章并做笔记

-阅读作业
阅读所有12个问题并用完整的句子回答。

这是我到目前为止的内容：

cat = document.getElementsByClassName("catname");

for(var i =0; i < cat.length ; i++){
  if (cat[i].innerHTML == "General"){
    cat[i].className = "hide";
   }
  else if(cat[i].innerHTML == "English"){
    cat[i].className = "hide";
   }
  else if(cat[i].innerHTML == "French"){
    cat[i].className = "hide";
   }
  else if(cat[i].innerHTML == "Math"){
    cat[i].className = "hide";
   }
  else if(cat[i].innerHTML == "Science"){
   cat[i].className = "hide";
  }
}

任何帮助将非常感激！
谢谢！

最佳答案

为什么不在页面生成后操纵类别标签，为什么不将类别明确存储在后端？将每个主题都设为Wordpress类别，然后按类别显示帖子列表。您可以使用plugin或模板中基于PHP的代码（基于this post）来实现：

<?php $cats = get_categories();
foreach ($cats as $cat) {
    $cat_id= $cat->term_id;
    echo "<h2>".$cat->name."</h2>";
    query_posts("cat=$cat_id&posts_per_page=100");
    if (have_posts()) : while (have_posts()) : the_post(); ?>
        <a href="<?php the_permalink();?>"><?php the_title(); ?></a>
    <?php endwhile; endif; ?>
<?php } ?>

关于javascript - 更改div的每个第二个实例的类？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29236739/