Wordpressでforeach内でloop回数を取得したい

Question

cssの『href=""』と『id=""』に同じ値を入れたいのですが、以下のループ回数をすると、
『href="inline1"』、『id="inline2"』、『href="inline3"』、、、、となってしまいます。

実現させたいことは、『href="inline1"』、『id="inline1"』、『href="inline2"』、『id="inline2"』、『href="inline3"』、『id="inline3"』のように取得したいです。

ご教授頂けますと幸いです。

href="#inline<?php echo $i++; ?>"
id="inline<?php echo $i++; ?>"

<?php
$related_posts = get_post_meta( $post->ID, 'cptr_related', true );
if ( $related_posts ) :
?>
<ul>

<?php
    $i = 0; //ループ回数習得
    foreach ( $related_posts as $related_post ) :
        $post = get_post( $related_post );
        if ( $post->post_status == 'publish' ) :
            setup_postdata( $post );
?>
        <li class="col-1-3">

        	<h2 class="related-entry-title">
        		<a class="relevant-fancybox" rel="relevant-group" href="#inline<?php echo $i++; ?>">
        		<div class="en"><?php the_title(); ?></div>
        			<div class="ja"><?php the_field('word-ja-title'); ?></div>
        		</a>
        	</h2>
 <div style="display: none;">
<div id="inline<?php echo $i++; ?>" style="width:90vw;height:85vh;overflow:hidden;">
<div class="word-detail-textarea">
<?php the_field('word-detail-text'); ?>
</div>
<h1 class="entry-title"><div class="en"><?php the_title(); ?></div><div class="ja"><?php the_field('word-ja-title'); ?></div></h1>

</div>
</div>
<?php           
if ( ( $related_terms = get_the_terms( $my_post->ID, 'wordcat' ) ) && ( !is_wp_error( $related_terms ) ) ) {
    echo '<ul>';
    foreach ( $related_terms as $related_term ) {
        echo '<li><a href="'.get_term_link( $related_term->slug, 'wordcat' ).'">'.esc_html( $related_term->name ).'</a></li>';
    }
    echo '</ul>';
}
?>

        </li>
<?php
        endif;
    endforeach;
    wp_reset_postdata();
?>
</ul>
<?php
else:
?>
<p>関連する記事はありません</p>
<?php
endif;
?>

Answer 1

本プログラムは、foreachで1回ループするごとに、$i++ が２カ所あるため、$iの値が意図されない動きになっております。

ちょっとわかりにくいかとは存じますが、以下の$i++ のタイミングをforeach の最後で行えばよいかと存じます。
また、本プログラムでは、$iの値が0からとしておりますが、1～とされたい場合は、$i = 0;とされているところを、$i = 1; とすればよいかと思います。

<?php
$related_posts = get_post_meta( $post->ID, 'cptr_related', true );
if ( $related_posts ) :
?>
<ul>

<?php
    $i = 0; //ループ回数習得
    foreach ( $related_posts as $related_post ) :
        $post = get_post( $related_post );
        if ( $post->post_status == 'publish' ) :
            setup_postdata( $post );
?>
        <li class="col-1-3">

            <h2 class="related-entry-title">

///////////////////////////////////////////////
// 変更部分 $i++ → $i
//////////////////////////////////////////////
                <a class="relevant-fancybox" rel="relevant-group" href="#inline<?php echo $i; ?>">
                <div class="en"><?php the_title(); ?></div>
                    <div class="ja"><?php the_field('word-ja-title'); ?></div>
                </a>
            </h2>
 <div style="display: none;">

///////////////////////////////////////////////
// 変更部分 $i++ → $i
//////////////////////////////////////////////
<div id="inline<?php echo $i; ?>" style="width:90vw;height:85vh;overflow:hidden;">
<div class="word-detail-textarea">
<?php the_field('word-detail-text'); ?>
</div>
<h1 class="entry-title"><div class="en"><?php the_title(); ?></div><div class="ja"><?php the_field('word-ja-title'); ?></div></h1>

</div>
</div>
<?php           
if ( ( $related_terms = get_the_terms( $my_post->ID, 'wordcat' ) ) && ( !is_wp_error( $related_terms ) ) ) {
    echo '<ul>';
    foreach ( $related_terms as $related_term ) {
        echo '<li><a href="'.get_term_link( $related_term->slug, 'wordcat' ).'">'.esc_html( $related_term->name ).'</a></li>';
    }
    echo '</ul>';
}
?>

        </li>
<?php
        endif;
///////////////////////////////////////////////
// 変更部分 $i++ を追加
//////////////////////////////////////////////
		$i++;

    endforeach;
    wp_reset_postdata();
?>
</ul>
<?php
else:
?>
<p>関連する記事はありません</p>
<?php
endif;
?>

Comments

[退会済みユーザー]

ご回答いただきありがとうございます。

丁寧な解説、誠にありがとうございます。
プログラミングを少しずつでも理解していけるように、学んでいきたいと思います。

ありがとうございました。

[KenjiObata]

ご丁寧にありがとうございます。
またよろしくどうぞお願いいたします。

Answer 2

微妙におしいですね。
href="#inline<?php echo $i++; ?> ←ここで1

<div id="inline<?php echo $i++; ?>" ←ここで2

なので
href="#inline<?php echo $i++; ?>

<div id="inline<?php echo $i; ?>"

でいいんではないでしょうか。

Comments

[退会済みユーザー]

ご回答ありがとうございます。

検証しましたが、同じ値にを取得出来ませんでした。

Answer 3

// echo $i++;
// ↓
   echo $i;

// endforeach;
// ↓
   $i++;endforeach;

これでどうでしょう。

Comments

[退会済みユーザー]

ご回答ありがとうございます。

無事、求めていた取得が行えました。
誠にありがとうございました。

Answer 4

$i = count($related_posts);

配列の数 = ループ回数

---

実現させたいことは、『href="inline1"』、『id="inline1"』、『href="inline2"』、『id="inline2"』、『href="inline3"』、『id="inline3"』のように取得したいです。

そもそも、なんのためにこれをしなければならないのでしょうか？

セレクタを理解していれば、このような id の連番をつける必要はありません。共通のクラスで十分なはず。

$('.classname:eq(1));

.classname:nth-child(n) {
}

Comments

[退会済みユーザー]

ご回答いただきありがとうございます。

別の方法も参考に今後の仕事で活用させていただきます。

用途としても、fancyboxのinlineframeを使用する際のコードになります。

ありがとうございました。