how would i target different css classes per certain items in a php array?

Question

I have a PHP array such as

$lulz = array ( 'tom', 'hojn', 'john', 'kiwi', 'tron', 'jikes')

I am outputting the array as follows via simple foreach

foreach ($lulz as $key) {
  echo $key;
}

I would like to put different CSS classes per each output. so, for example, the output would be

$result = '<div class="one">$tom</div><div class="two">$hojn</div><div class="three">$john</div><div class="four">$kiwi</div><div class="five">$tron</div><div class="six">$jikes</div>';

the current path I am on is putting in an incrementer variable that is incremented ++ after each loop. that works - I get 1, 2, 3, etc - but I am not sure how to translate that to my CSS divs per each item; or if I am even on the right path.

i was hoping to output array such as:

foreach ($lulz as $key) {
  echo $key[1];
  echo $key[3];
}

where [1] and [3] are just the entry 1 and 3 in the array

but doesn't seem to be possible.

any help would be greatly appreciated.

raf · Accepted Answer · 2017-04-26 02:33:15Z

1

You can make your array as a class for each output.

Try this

$lulz = array ( 'tom', 'hojn', 'john', 'kiwi', 'tron', 'jikes');

foreach ($lulz as $key){
  echo '<div class="'.$key.'">'.$key.'</div>';
}

answered Apr 26, 2017 at 2:33

raf

1952 silver badges18 bronze badges

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

1 Comment

Zach Smith Over a year ago

this is perfect thank you. using the $key as the class name is genius.

Michael Coker · Accepted Answer · 2017-04-26 01:06:24Z

1

If you can just use the incrementer in the class name and it doesn't have to be a word representation of the number, this will give you the desired output and your classes would be .el1, .el2, etc.

<?php
$result = '';
$lulz = array ( 'tom', 'hojn', 'john', 'kiwi', 'tron', 'jikes');
foreach ($lulz as $key => $value) {
  $result .= '<div class="el' . ($key + 1) . '">' . $value . '</div>';
}   
echo $result;
?>

edited Apr 26, 2017 at 1:06

answered Apr 26, 2017 at 0:24

Michael Coker

53.8k5 gold badges69 silver badges66 bronze badges

5 Comments

Pyromonk Over a year ago

$count doesn't seem necessary in a foreach loop - you could easily use $key for the same purpose (all array items are indexed sequentially in this instance, so it's not going to break anything). It would also make more sense to have $value inside the div tag instead of $key. I have upvoted your answer, because you seem to have grasped what the original poster wanted far better than I did. Thank you.

Michael Coker Over a year ago

@Pyromonk thanks for the feedback. I rarely use PHP. Updated - is that what you mean?

Pyromonk Over a year ago

Perfect! It might be a good idea to initialise $result ($result = '';) before the loop, just to make the code a tad bit cleaner.

Michael Coker Over a year ago

@Pyromonk thanks! learning new things today :) Just read about why that's a good idea. php.net/manual/en/language.variables.basics.php "It is not necessary to initialize variables in PHP however it is a very good practice. Uninitialized variables have a default value of their type depending on the context in which they are used"

Zach Smith Over a year ago

ok wow this works great. i am using a multi-dimensional array, is that why the counter is not working for me do you think? i pasted your code and the counter works great, yet when i move to my code it just says el1 over and over

Pyromonk · Accepted Answer · 2017-04-26 00:28:11Z

0

<?php
$lulz = array('tom', 'hojn', 'john', 'kiwi', 'tron', 'jikes');
$catz = array('one', 'two', 'three', 'five', 'eight', 'thirteen');

foreach($lulz as $k => $x) { echo '<div class="'.$catz[$k].'">'.$x.'</div>'; }
?>

or

<?php
$lulz = array(
    array('tom', 'one'),
    array('john', 'two'),
    array('hojn', 'three'),
    array('kiwi', 'five'),
    array('tron', 'eight'),
    array('jikes', 'thirteen')
);

foreach($lulz as $k => $x) { echo '<div class="'.$x[0].'">'.$x[1].'</div>'; }
?>

edited Apr 26, 2017 at 0:28

answered Apr 26, 2017 at 0:20

Pyromonk

6591 gold badge12 silver badges27 bronze badges

Collectives™ on Stack Overflow

how would i target different css classes per certain items in a php array?

3 Answers 3

1 Comment

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related