php - 如何反转数组数据？

Question

我希望数组 1,3,5,7,9 的布局与数组 0,2,4,6,8,10 的布局相反例如，第一行布局 - 左边是图片，右边是描述，第二行布局 - 右边是图片，左边是描述，连续不断。

这是我的function.php代码

<?php
            foreach ( $termchildren as $child ) {
                $term = get_term_by( 'id', $child, $taxonomy_name );
                $image = get_field('featured_image', $term);

                ?>
                <div class="row">
                    <div id="product-cat <?php echo $term->slug ?>">
                        <div class="two-col product-cat-image">
                            <img src="<?php echo $image ?>">
                        </div>
                        <div class="two-col product-cat-details">
                            <?php
                                echo '<h4>'. $term->name .'</h4>';
                                echo '<p>'. $term->description .'</p>';
                                echo '<a class="product-cat-button" href="' . get_term_link( $child, $taxonomy_name ) . '">See Products</a>';
                            ?>
                        </div>
                    </div>
                </div><?php
            } ?>

CSS 代码:

.row{
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 15px;
}
.row .col {
  flex: 1;
  padding-right: 10px;
  padding-left: 10px;
}

结果还是这样

我的期望是这样的:

Answer 1

我们只需要更改 function.php 中的代码如下。

<?php
    $i=0; 
    foreach ( $termchildren as $child ) {
        $term = get_term_by( 'id', $child, $taxonomy_name );
        $image = get_field('featured_image', $term);
        if($i % 2){ ?>
            <div class="row">
                <div id="product-cat <?php echo $term->slug ?>">
                    <div class="two-col product-cat-image">
                        <img src="<?php echo $image ?>">
                    </div>
                    <div class="two-col product-cat-details">
                        <?php
                            echo '<h4>'. $term->name .'</h4>';
                            echo '<p>'. $term->description .'</p>';
                            echo '<a class="product-cat-button" href="' . get_term_link( $child, $taxonomy_name ) . '">See Products</a>';
                        ?>
                    </div>
                </div>
            </div>
        <?php } else {?>
            <div class="row">
                <div id="product-cat <?php echo $term->slug ?>">
                    <div class="two-col product-cat-details">
                        <?php
                            echo '<h4>'. $term->name .'</h4>';
                            echo '<p>'. $term->description .'</p>';
                            echo '<a class="product-cat-button" href="' . get_term_link( $child, $taxonomy_name ) . '">See Products</a>';
                        ?>
                    </div>
                    <div class="two-col product-cat-image">
                        <img src="<?php echo $image ?>">
                    </div>
                </div>
            </div>
        <?php }
       $i++;
    }
?>

希望现在你已经准备好了所有的东西，让我知道还需要什么帮助。