I have this loop that sorts a set of results alphabetically and shows a <span>
with the current letter, but I can't find a way to wrap each subset within a div.
<?php
$previousLetter = null;
foreach($allBrands as $brand) {
$firstLetter = strtolower($brand->name[0]);
if ( $previousLetter != $firstLetter ) {
echo '<span class="designer-first-letter">'. $firstLetter .'</span>';
$previousLetter = $firstLetter;
}
echo '<p>'.$brand->name.'</p>';
}
I would like something like this
<div>
<span>A</span>
<p>Aword</p>
<p>Aword2</p>
<p>Aword3</p>
<p>...</p>
</div>
<div>
<span>B</span>
<p>Bword</p>
<p>Bword2</p>
<p>Bword3</p>
<p>...</p>
</div>
<div>
<span>C</span>
<p>Cword</p>
<p>Cword2</p>
<p>Cword3</p>
<p>...</p>
</div>
...
Right now what I get is
<span>A</span>
<p>Aword</p>
<p>Aword2</p>
<p>Aword3</p>
<p>...</p>
<span>B</span>
<p>Bword</p>
<p>Bword2</p>
<p>Bword3</p>
<p>...</p>
<span>C</span>
<p>Cword</p>
<p>Cword2</p>
<p>Cword3</p>
<p>...</p>
...