在 PHP foreach 循环中获取第一项答案

【问题标题】：Getting first item in the PHP foreach loop在 PHP foreach 循环中获取第一项
【发布时间】：2016-11-29 13:43:56
【问题描述】：

需要帮助才能遍历此内容。我想为循环中的第一个项目添加不同的样式。

我尝试使用How to determine the first and last iteration in a foreach loop? 和PHP - Grab the first element using a foreach 不知何故没有解决。上面的两个块似乎也分享了应用代码的速度问题

查看代码中的 cmets 以更好地理解我的问题。

  <?php 
                        $prod_categories = get_terms( 'product_cat', array( 'posts_per_page' => -1, 'orderby' => 'date', 'order' => 'ASC', 'hide_empty' => true ));

                        foreach( $prod_categories as $prod_cat => $item ) {
                            $cat_thumb_id = get_woocommerce_term_meta( $prod_cat->term_id, 'thumbnail_id', true );
                            $shop_catalog_img = wp_get_attachment_image_src( $cat_thumb_id, 'shop_catalog' );
                            $term_link = get_term_link( $prod_cat, 'product_cat' );  ?>

                            <!-- if first item echo
                            <div class="col-md-8 fig-hold">
                                <a href="<?php echo $term_link; ?>" style="text-decoration: none;">
                                    <div class="figure">
                                        <img src="<?php echo $shop_catalog_img[0]; ?>" class="img-responsive" alt="<?php echo $prod_cat->name; ?>" />
                                        <div class="figureName"><?php echo $prod_cat->name; ?></div>
                                    </div>
                                </a>
                            </div>


                            else -->                
                            <div class="col-md-4 fig-hold">
                                <a href="<?php echo $term_link; ?>" style="text-decoration: none;">
                                    <div class="figure">
                                        <img src="<?php echo $shop_catalog_img[0]; ?>" class="img-responsive" alt="<?php echo $prod_cat->name; ?>" />
                                        <div class="figureName"><?php echo $prod_cat->name; ?></div>
                                    </div>
                                </a>
                            </div>

                    <?php } wp_reset_query(); ?>

【问题讨论】：

omukiguy，看我的回答。
@ionut 我正在尝试，但到目前为止。结果不显示
嗯，这是另一个问题。你应该发布另一个关于这个的问题。我的代码应该可以解决这个问题。

标签： php wordpress

【解决方案1】：

您可以添加一个计数器，并在此基础上为第一个元素添加一个类，您现在可以使用CSS 设置该类的样式：

<?php
$prod_categories = get_terms('product_cat', array(
    'posts_per_page' => -1,
    'orderby' => 'date',
    'order' => 'ASC',
    'hide_empty' => true
));
$count = 0;
$class = '';
foreach ($prod_categories as $prod_cat => $item) {
    $count++;
    if ($count == 1) {
        $class = 'extra_class';
    }else{
        $class = '';
    }
    $cat_thumb_id     = get_woocommerce_term_meta($prod_cat->term_id, 'thumbnail_id', true);
    $shop_catalog_img = wp_get_attachment_image_src($cat_thumb_id, 'shop_catalog');
    $term_link        = get_term_link($prod_cat, 'product_cat');
?>             
          <div class="col-md-4 fig-hold <?php echo $class; ?>">
                <a href="<?php echo $term_link; ?>" style="text-decoration: none;">
                   <div class="figure">
                      <img src="<?php echo $shop_catalog_img[0]; ?>" class="img-responsive" alt="<?php echo $prod_cat->name; ?>" />
                      <div class="figureName"><?php echo $prod_cat->name; ?></div>
                   </div>
                 </a>
          </div>

<?php
} wp_reset_query();
?>

【讨论】：

谢谢，效果很好。我稍微调整了一下以满足我的需要。
我将循环移到变量之后并执行了类（引导程序）

【解决方案2】：

这是我的最终代码。谢谢@ionut

<?php 
    $prod_categories = get_terms( 'product_cat', 
                                 array( 'posts_per_page' => -1, 'orderby' => 'date', 'order' => 'ASC', 'hide_empty' => true ));

    foreach( $prod_categories as $prod_cat ) {
        $cat_thumb_id = get_woocommerce_term_meta( $prod_cat->term_id, 'thumbnail_id', true );
        $shop_catalog_img = wp_get_attachment_image_src( $cat_thumb_id, 'shop_catalog' );
        $term_link = get_term_link( $prod_cat, 'product_cat' ); 

    $count++;
    if ($count == 1) {  $class = 'col-md-8'; } else{ $class = 'col-md-4'; }
     ?>
    <div class="<?php echo $class; ?> fig-hold">
        <a href="<?php echo $term_link; ?>" style="text-decoration: none;">
            <div class="figure">
                <img src="<?php echo $shop_catalog_img[0]; ?>" class="img-responsive" alt="<?php echo $prod_cat->name; ?>" />
                <div class="figureName"><?php echo $prod_cat->name; ?></div>
            </div>
        </a>
    </div>

<?php } wp_reset_query(); ?>

【讨论】：