2015-04-17 23 views
2

我的HTML應該看起來像這樣;在PHP中的3個元素後面添加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> 

在數據庫中,所有的數據都在同一領域與它們之間用逗號(例如汽車,谷歌大廈,浴室,Facebook,微博)。

所以,我使用這段代碼來分隔它們;

<?php echo str_replace(',', '</li><li><i class="fa fa-check-circle"></i>', $data); ?> 

我需要得到與HTML相同的結果,我該如何做到這一點?

在此先感謝。

+1

你用html表示什麼意思? –

+0

我的代碼應該與HTML樣本具有相同的結構。 –

+0

是否保存逗號分隔? – Ghost

回答

1
$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等)。

0

你需要爆炸,並通過它循環......看看這個,它會幫助你理解

$pieces = explode(",", $data); 
foreach($pieces as $value){ 
    echo '<li><i class="fa fa-check-circle"></i>'.$value.'</li>'; 
} 
1
<?php 
$v1=explode(",",$data); 
$data0=$v1[0]; 
$data1=$v1[1]; 
$data2=$v1[2]; 
$data3=$v1[3]; 
$data4=$v1[4]; 
$data5=$v1[5]; 
?> 
<div class="row"> 
    <div class="col-xs-6"> 
     <ul class="list-unstyled"> 
      <li><i class="fa fa-check-circle"></i> <?php echo $data0; ?></li> 
      <li><i class="fa fa-check-circle"></i> <?php echo $data1; ?></li> 
      <li><i class="fa fa-check-circle"></i> <?php echo $data2; ?></li> 
     </ul> 
    </div> 
    <div class="col-xs-6"> 
     <ul class="list-unstyled"> 
      <li><i class="fa fa-check-circle"></i> <?php echo $data3; ?></li> 
      <li><i class="fa fa-check-circle"></i> <?php echo $data4; ?></li> 
      <li><i class="fa fa-check-circle"></i> <?php echo $data5; ?></li> 
     </ul> 
    </div> 
</div>