Adding a css class in a foreach string

Question

I have the following code which displays related items in a wordpress template but I would like to add a class that every second item is attached with a css class of right, what do I need to modify to achieve this?

  <?php $rel = $related->show(get_the_ID(), true);
   foreach ($rel as $r) :
   echo '<div class=related-item><a href='.get_permalink($r->ID).'>'.'<div class=page-related-title>'.$r->post_title.'</div>'.get_the_post_thumbnail($r->ID, array(50,50)).'</a></div>';
   endforeach;?>

Although this is Wordpress related I thought it was more related to general PHP coding so psoting here rather than at WPSE.

Jaspreet Chahal · Accepted Answer · 2012-03-02 09:42:14Z

5

try this

<?php $rel = $related->show(get_the_ID(), true);
 $count = 0;
foreach ($rel as $r) {
 $class= ($count%2 == 0)?"right":"";

 echo '<div class="related-item '.$class.'"><a href='.get_permalink($r->ID).'>'.'<div class=page-related-title>'.$r->post_title.'</div>'.get_the_post_thumbnail($r->ID, array(50,50)).'</a></div>';
$count++;
}?>

answered Mar 2, 2012 at 9:42

Jaspreet Chahal

2,7601 gold badge17 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Vince P Over a year ago

Dropped the code in and the page didn't work, looking at hinting in Dreamweaver it's telling me there is a syntax error on the fourth line of this coding...

Jaspreet Chahal Over a year ago

also as @peehaa said if your array has sequential index then you can also use this foreach ($rel as $index=>$r) where $index replaces $count. Cheers!

PeeHaa · Accepted Answer · 2012-03-02 09:57:52Z

If the array has a sequenced index you can use either a modulo calculation or a bitwise operation. If the array is based of non-numeric or not sequenced numbers you need to add a counter.

$i & 1 // odd using bitwise

$i % 2 // odd modulo

So what you would get is the following:

$i = 0;
foreach ($rel as $r) { // note that I have used curly brackets. I think it is cleaner  more standard
    $i++;
    $classes = array('related-item');
    if ($i % 2 == 0) $classes[] = 'right';

    echo '<div class="'.implode(' ', $classes).'"><a href='.get_permalink($r->ID).'>'.'<div class=page-related-title>'.$r->post_title.'</div>'.get_the_post_thumbnail($r->ID, array(50,50)).'</a></div>';
}

Or using bitwise:

$i = 0;
foreach ($rel as $r) { // note that I have used curly brackets. I think it is cleaner  more standard
    $i++;
    $classes = array('related-item');
    if ($i & 2 == 0) $classes[] = 'right';

    echo '<div class="'.implode(' ', $classes).'"><a href='.get_permalink($r->ID).'>'.'<div class=page-related-title>'.$r->post_title.'</div>'.get_the_post_thumbnail($r->ID, array(50,50)).'</a></div>';
}

Or if $rel has a zero based sequenced index:

foreach ($rel as $index => $r) { // note that I have used curly brackets. I think it is cleaner  more standard
    $classes = array('related-item');
    if ($index & 2 == 1) $classes[] = 'right';

    echo '<div class="'.implode(' ', $classes).'"><a href='.get_permalink($r->ID).'>'.'<div class=page-related-title>'.$r->post_title.'</div>'.get_the_post_thumbnail($r->ID, array(50,50)).'</a></div>';
}

Vitalii Lebediev · Accepted Answer · 2012-03-02 09:43:38Z

0

    <?php $rel = $related->show(get_the_ID(), true);
       $i = 0;
       foreach ($rel as $r) {
           echo '<div class=related-item' . ($i++ % 2 ? '' :  ' right') . '><a href='.get_permalink($r->ID).'>'.'<div class=page-related-title>'.$r->post_title.'</div>'.get_the_post_thumbnail($r->ID, array(50,50)).'</a></div>';
       }
    ?>

Something like this. My advice is to try to use curly braces instead of foreach () : endforeach;

answered Mar 2, 2012 at 9:43

Vitalii Lebediev

6622 gold badges10 silver badges20 bronze badges

Comments

Sudhir Bastakoti · Accepted Answer · 2012-03-02 09:44:33Z

0

Do you mean:


$i = 0;
    foreach ($rel as $r) :
        $class = (($i % 2) == 0) ? "your_class"  : "";
            echo '<div class="related-item $class"><a href='.get_permalink($r->ID).'>'.'<div class=page-related-title>'.$r->post_title.''.get_the_post_thumbnail($r->ID, array(50,50)).'</a></div>';
        $i++;
    endforeach;

answered Mar 2, 2012 at 9:44

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

Comments

Jibla · Accepted Answer · 2012-03-02 09:52:47Z

0

<?php
 foreach($rel as $key => $r) {
   /* here we check if $key is even and assign class name or empty string to $class variable  */
   ($key%2) ? $class = 'your-class-name' : $class = '';

   /* and here we just add $class variable to 'class="related-items " part. */
   /* so if $key is odd then $class will be empt and your div will have only 'related-item' class, and if $key is even then $class will hold 'your-class-name' value and div will have two classes: related-item and your-class-name */
   echo '<div class="related-item '.$class.'"><a href='.get_permalink($r->ID).'>'.'<div class=page-related-title>'.$r->post_title.'</div>'.get_the_post_thumbnail($r->ID, array(50,50)).'</a></div>';
 }
?>

answered Mar 2, 2012 at 9:52

Jibla

8132 gold badges8 silver badges12 bronze badges

Collectives™ on Stack Overflow

Adding a css class in a foreach string

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related