Изменить класс каждого второго экземпляра div?

Question

Я работаю над сайтом Wordpress, и я хочу создать неупорядоченный список, который имеет категории. Категории включают такие предметы, как: математика, английский язык, наука и т. Д. Пользователь может загрузить файл, относящийся к одной из этих категорий, и дать краткое описание файла. Однако я не хочу категории повторяться для каждого экземпляра ех:

-Английский
Гамлет Шекспира
Read 1 глава каждую неделю и делать заметки

АНГЛИЙСКОГО
Чтение Назначение
Чтение все 12 вопросов и ответов в полном объеме.

Вместо этого я хотел бы, чтобы первый экземпляр этой категории появился и имел другие записи, относящиеся к той же категории, которые будут добавлены к первому экземпляру. пример:

-Английский

-Hamlet Шекспира
Read 1 глава каждую неделю и делать заметки

-Reading Назначение
Читать все 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"; 
    } 
} 

Любая помощь будет высоко ценится! Спасибо!

Answer 1

Вместо того, чтобы манипулировать метками категории после создания страницы, почему бы не сохранить категории явно в бэкэнд? Сделайте каждый предмет категории 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 } ?>