向（foreach）循環中的第一個div添加一個類

Question

我正在使用隨引導程序提供的傳​​送帶。這我將在WordPress中使用。我用foreach循環查詢兩個最近發佈的帖子，但爲了使輪播正常工作，我需要最新的帖子來有一個額外的「主動」類。我在這裏找到了一些解決方案，但它都是while循環，我真的需要這個foreach循環。這是我的代碼：

<div id="NewsCarousel" class="carousel slide"> 
      <div class="carousel-inner"> 
      <?php 
      $args = array('numberposts' => '2', 'category' => 5); 
      $recent_posts = wp_get_recent_posts($args); 
      foreach($recent_posts as $recent){ 
       echo '<div class="item"><a href="' . get_permalink($recent["ID"]) . '" title="Look '.esc_attr($recent["post_title"]).'" >' . get_the_post_thumbnail($recent["ID"], array(200,200)) .$recent["post_title"].'</a> </div> '; 
      } 
      ?> 
      </div> 
     </div> 

Answer 1

您可以在foreach循環之外添加一個像$count = 0;這樣的計數器。然後foreach循環裏面你告訴它增加像這樣$count++;

然後檢查計數等於1是這樣的：if($count == 1){//do this}

所以你的情況可以做這樣的：

<div id="NewsCarousel" class="carousel slide"> 
<div class="carousel-inner"> 
<?php 
$args = array('numberposts' => '2', 'category' => 5); 
$recent_posts = wp_get_recent_posts($args); 
$count = 0; 
foreach($recent_posts as $recent){ 
$count++; 
    echo '<div class="item'; if($count == 1){echo ' active';}"><a href="' . get_permalink($recent["ID"]) . '" title="Look '.esc_attr($recent["post_title"]).'" >' . get_the_post_thumbnail($recent["ID"], array(200,200)) .$recent["post_title"].'</a> </div> '; 
} 
?> 
</div> 
</div> 

嘗試一下，它應該做的伎倆。我剛剛在我正在處理的項目中使用這種方法。

Answer 2

可以使用boolean變量來確定它是否是第一循環或沒有。初始值爲true，一旦循環，值就設置爲false。

<div id="NewsCarousel" class="carousel slide"> 
    <div class="carousel-inner"> 
    <?php 
    $args = array('numberposts' => '2', 'category' => 5); 
    $recent_posts = wp_get_recent_posts($args); 
    $isFirst = true; 
    foreach($recent_posts as $recent){ 
     echo '<div class="item' . $isFirst ? ' active' : '' . '"><a href="' . get_permalink($recent["ID"]) . '" title="Look '.esc_attr($recent["post_title"]).'" >' . get_the_post_thumbnail($recent["ID"], array(200,200)) .$recent["post_title"].'</a> </div> '; 
     $isFirst = false; 
    } 
    ?> 
    </div> 
</div>