PHP - 在foreach中动态设置CSS类

Question

I'm generating a series of links with an associated colour bar applied by CSS. There are 5 shades that reduce in opacity, starting at 100 and down in increments of 20. So if I had 10 rows it would look like this:

<a href="link.php">
  <span class="linkcolour"></span>
  <span class="linkText">Heading 100</span>
</a>
<a href="link.php">
  <span class="linkcolour o80"></span>
  <span class="linkText">Heading 80</span>
</a>
<a href="link.php">
  <span class="linkcolour o60"></span>
  <span class="linkText">Heading 60</span>
</a>
<a href="link.php">
  <span class="linkcolour o40"></span>
  <span class="linkText ">Heading 40</span>
</a>
<a href="link.php">
  <span class="linkcolour o20"></span>
  <span class="linkText">Heading 20</span>
</a>
<a href="link.php">
  <span class="linkcolour"></span>
  <span class="linkText">Heading 100</span>
</a>
<a href="link.php">
  <span class="linkcolour o80"></span>
  <span class="linkText">Heading 80</span>
</a>
<a href="link.php">
  <span class="linkcolour o60"></span>
  <span class="linkText">Heading 60</span>
</a>
<a href="link.php">
  <span class="linkcolour o40"></span>
  <span class="linkText ">Heading 40</span>
</a>
<a href="link.php">
  <span class="linkcolour o20"></span>
  <span class="linkText">Heading 20</span>
</a>

I'm trying to come up with a way to set the linkcolour class attribute dynamically, so that the first item is set to 'linkcolour', the 2nd item 'linkcolour o80', the 3d 'linkcolour o60' and so on. After 5 items it starts again and repeats as necessary. Here's my foreach loop structure:

<?php
foreach($linkItems as $item) {
    $linkItem = $item->getField('Link');
    $linkColour = '';   
    ?>

    <a href="link.php">
        <span class="<?php echo $linkColour; ?>"></span>
       <span class="linkText"><?php echo $linkItem; ?></span>
     </a>
<?php
} // foreach $linkItems
?>

I can't work out the syntax to set the $linkColour variable so it follows the pattern outlined above?

</div>

Answer 1

There are multiple ways you could go about it. For example, you can declare the available CSS classes in an array and loop through them. Modifying your example, you can use something like the following

<?php
$linkColourArray = ["","o80","o60","o40","o20"];
$count = 0;
foreach($linkItems as $item) {
    $linkItem = $item->getField('Link');
    $colourIndex = $count%5;
    $linkColour = $linkColourArray[$colourIndex]; 
    $count++;
    ?>

    <a href="link.php">
        <span class="linkcolour <?php echo $linkColour; ?>"></span>
       <span class="linkText"><?php echo $linkItem; ?></span>
     </a>
<?php
} // foreach $linkItems
?>