Добавление нового идентификатора в каждый div, содержащий один и тот же класс

#javascript #php #html

#javascript #php #HTML

Вопрос:

Я хочу посмотреть, как я могу взять определенный div, который будет иметь тот же класс, и добавить к нему идентификатор и, но увеличивать для каждого нового идентификатора количество, например, html по умолчанию будет таким.

 <div id="content">
    <div class="section"></div>
    <div class="section"></div>
    <div class="section"></div>
    <div class="section"></div>
</div>
 

Что я хотел бы сделать, это автоматически добавить идентификатор с именем id =»section-1″ и для каждого div добавить 1, чтобы второй div был id =»section-2″

Таким образом, результат будет выглядеть так

 <div id="content">
    <div id="section-1" class="section"></div>
    <div id="section-2" class="section"></div>
    <div id="section-3" class="section"></div>
    <div id="section-4" class="section"></div>
</div>
 

Я не уверен, смогу ли я сделать это с помощью PHP, я думал, что мог бы сделать что-то вроде

 $Variable = the way to add  1 for each div than 
<div id="section-<?php echo $Variable ?>" class="section"></div>
 

Возможно, я не совсем понимаю, как я собираюсь это сделать, поэтому буду признателен за любую помощь. Спасибо.

Комментарии:

1. Есть ли способ определить, сколько разделов div вы хотите?

2. Количество разделов раздела будет варьироваться в зависимости от каждого сообщения, поэтому мне нужно найти способ просмотреть и посмотреть, сколько у меня divs с классом section, чем добавлять к нему правильный идентификатор раздела

3. вы можете сделать это с помощью цикла!

4. ОК. Поэтому вместо добавления 1 к div вы не можете добавить уникальный номер к этому сообщению. Что-то вроде идентификатора этого сообщения?

Ответ №1:

не уверен, но таким образом мы можем назначить идентификаторы

 for($i=1;$i<=$your_posts_value;$i  )
{
?>
<div id="section-<?=$i ?>" class="section">test</div>
<?php
}
 

Комментарии:

1. Я собираюсь использовать это с WordPress будет ли это работать с использованием wordpress <?php the_content(); ?>

2. Что мне установить в значение $your_posts_value?

Ответ №2:

Вы можете просто использовать цикл for .

 for($i=1; $i <= $count_of_section_div; $i  )
{
    echo '<div id="section-'.$i.'" class="section"></div>';
}
 

Комментарии:

1. Почему я пытаюсь протестировать это, ни один из divs даже не отображается.

2. какое значение $count_of_section_div вы получаете?

3. Что вы имеете в виду? когда я копирую код, который вы сделали, на сайт, ничего не отображается вообще. Должен ли я установить $count_of_section_div = на что-то?

4. О боже! Вам нужно присвоить $count_of_section_div номер раздела div, который вы хотите отобразить. Например $count_of_section_div = 4; , сначала добавьте строку, а затем добавьте приведенный выше код.

5. Но я не знаю, сколько разделов у меня будет, поскольку в каждом сообщении будет отдельный раздел divs, и это то, что я пытаюсь сделать, это заставить код определить раздел divs, который у меня есть.

Ответ №3:

Попробуйте приведенный ниже код:

 <div id="content">
    <?php 
    while($Variable <= 4)
    {
    ?>
           <div id="section-<?php echo $Variable ?>" class="section"></div>
    <?php
           $Variable  ;
    } 
    ?>

</div>
 

Комментарии:

1. это работает, но я не собираюсь точно знать, сколько divs мне понадобится, поэтому мне нужно просмотреть код и посмотреть, сколько divs есть, чем добавлять к ним, иногда может быть 4, других сообщений может быть 8