Question

我希望数组1,3,5,7,9的布局与数组0,2,4,6,8,10的布局相反例如，第一行布局-图像在左侧，标注在righ上，第二行布局-图像在右侧，左边在说明中，并且连续。

这是我的function.php代码

CSS代码：

<?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
            } ?>

结果仍然像这样

我的期望将是这样的：

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++;
    }
?>

希望现在您拥有了一切，让我仍然知道需要帮助。

Answer 2

我假设您想要[0,2,4,6,8,10]的array_diff。

Array_diff返回数组中缺少的内容，如果我们使用range（）创建引用数组，则它看起来像：

$yourarray = [0,2,4,6,8,10];
$diff = array_diff(range(min($yourarray), max($yourarray)), $yourarray);
//[1,3,5,7,9]

https://3v4l.org/6QY3r

Answer 3

您需要添加以下CSS以获得所需的输出：

当发现奇数func test(args ...string) { i := 0 inc := func(i *int) int { *i++; return i } var msg map[string] interface{} msg["product"] = args[inc(&i)] msg["key"] = args[inc(&i)] msg["signature"] = args[inc(&i)] msg["string_to_sign"] = args[inc(&i)] } div时，将.product-cat应用于图像容器（order: 1;），将.product-cat-image应用于详细容器（order: 2;）

即使找到的.product-cat-details div也将.product-cat应用于图像容器（order: 2;），而.product-cat-image应用于详细容器（order: 1;）

.product-cat-details

如何反转数组数据？

3 个答案: