Создать динамический HTML-код на основе запроса wordpress

Question

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

Я использую плагин Advance Custom Fields, а затем я запрашиваю пользовательские поля в заданном столбце. Если вы посмотрите ниже, вы увидите, что мои пользовательские поля запрашиваются, каждый из них завернут в div с идентификатором «section-1». Мне нужно, чтобы «раздел-1» обновлялся до «section-3», «section-4» каждый раз, когда запрашивается новое имя поля. Поэтому, если запрашивается 5 полей каждый из них имеет свой собственный идентификатор.

<?php 

// check if the repeater field has rows of data 
if(have_rows('repeater_field_name')): 

// loop through the rows of data 
while (have_rows('repeater_field_name')) : the_row(); 

    // display a sub field value 
    <div id="section-1"> 
    the_sub_field('sub_field_name'); 
    </div> 

endwhile; 

else : 

// no rows found 

endif; 

?> 

Answer 1

Просто установить index переменную перед циклом и увеличиваем его на каждой итерации. Используйте что внутри вашего id.

<?php 
$index = 1; 
while (have_rows('repeater_field_name')) : the_row(); ?> 

    <div id="section-<?= $index; ?>"> 
     <?php the_sub_field('sub_field_name'); ?> 
    </div> 

<?php $index++ 
endwhile; ?> 

Answer 2

Попробуйте это

<?php 

// check if the repeater field has rows of data 
if(have_rows('repeater_field_name')): 
$i = 0; 
// loop through the rows of data 
while (have_rows('repeater_field_name')) : the_row(); 

    // display a sub field value 
    <div id="section-<?php echo ++$i; ?>"> 
    the_sub_field('sub_field_name'); 
    </div> 

endwhile; 

else : 

// no rows found 

endif; 

?>