2 리피터 필드마다 div 추가 ACF

Question

입력 한 모든 ACF 리피터 필드 쌍 주위에 div를 추가해야합니다. 3 개 필드마다 작업을 수행하는 코드 스 니펫이 있습니다. 번호를 변경할 때마다 다음 div ID가 이전 ID의 하위 항목이됩니다. 제안 사항이 우수 할 것입니다. 감사합니다.

// check if the repeater field has rows of data 
if(have_rows('services')): 
    // loop through the rows of data 

    // add a counter 
    $count = 0; 
    $group = 0; 

    while (have_rows('services')) : the_row(); 
    // vars 
    $teacher_bio = get_sub_field('service_title'); 
    $teacher_name = get_sub_field('service_information'); 
    $teacher_image = get_sub_field('icon'); 
    if ($count % 3 == 0) { 
     $group++; 
     ?> 
     <div id="services-<?php echo $group; ?>" class="cf group-<?php echo $group; ?>"> 
     <?php 
    } 
    ?> 
    <div class="service"> 
     <img src="<?php the_sub_field('icon'); ?>" /> 
     <p><?php echo $teacher_name; ?></p> 
     <?php echo $teacher_bio; ?> 
    </div><!-- .teacher --> 
    <?php 
     if ($count % 3 == 2) { 
     ?> 
      </div><!-- #services --> 
     <?php 
     } 
     $count++; 
    endwhile; 
else : 
    // no rows found 
endif; 

Answer 1

사용자 정의 jquery를 사용하면 쉽게 할 수 있습니다.

Answer 2

계수 기능이 올바르지 않습니다. 두 루프를 모두 확인하려면 % 2을 사용하십시오. 시작 div에는 0을 사용하고 닫는 div에는 1을 사용하십시오.

나는 당신을 위해 간단한 예를 만들었습니다 :에

<?php 

$arr = array(1, 2, 3, 4, 5, 6, 7, 8, 9, 10); 
$count = 0; 

foreach ($arr as &$value) { 

    if ($count % 2 == 0) { 
     echo '<div>'; 
    } 

    echo $value; 


    if ($count % 2 == 1) { 
     echo '</div>'; 
    } 

    $count++; 

} 

결과 : <div>12</div><div>34</div><div>56</div><div>78</div><div>910</div>