我的 HTML 应该是这样的;
<div class="row">
<div class="col-xs-6">
<ul class="list-unstyled">
<li><i class="fa fa-check-circle"></i> Car</li>
<li><i class="fa fa-check-circle"></i> Google</li>
<li><i class="fa fa-check-circle"></i> Building</li>
</ul>
</div>
<div class="col-xs-6">
<ul class="list-unstyled">
<li><i class="fa fa-check-circle"></i> Bathroom</li>
<li><i class="fa fa-check-circle"></i> Facebook</li>
<li><i class="fa fa-check-circle"></i> Twitter</li>
</ul>
</div>
</div>
在数据库中,所有数据都在同一字段中,它们之间有逗号(例如 Car、Google、Building、Bathroom、Facebook、Twitter)。
所以,我使用这段代码来分隔它们;
<?php echo str_replace(',', '</li><li><i class="fa fa-check-circle"></i>', $data); ?>
我需要使用 HTML 获得相同的结果,我该怎么做?
提前致谢。
最佳答案
$arrData = explode(",", $data); // comma separated list of words
$i = 0; // temp counter
echo '<div class="row">';
foreach ($arrData as $word)
{
if ($i==0) { echo '<div class="col-xs-6"><ul class="list-unstyled">'; } // open first html containers
echo '<li><i class="fa fa-check-circle"></i>'.$word.'</li>'; // create li
$i++; // increase counter
if ($i==2) // this is the 3rd element in loop
{
echo '</ul></div>'; // close html containers
$i=0; // reset counter, so proccess repeats
}
}
echo '</div>';
只要数组中始终有 6 个单词(或 9、12、15 等),此代码就能满足您的需要。
关于php - 在 PHP 中的 3 个元素后面添加 HTML 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29692662/