【问题标题】:change class every time loop runs每次循环运行时更改类
【发布时间】:2017-11-02 18:30:32
【问题描述】:

我有跟随循环

<div class="btn-demo">
<?php 
  foreach ($getSubCat as $value): 
  $getSubCat1 = $conn->query("select name from tbl where id = '$value'")->fetch_object();
?>

<button class="btn btn-danger"><?=$getSubCat1->name?></button>

<?php endforeach; ?>
</div>

现在,如果我想申请,这将返回带有btn-danger.now 的所有按钮

  • btn-成功
  • btn 信息
  • btn 警告

那些关于按钮的类。意味着我想显示彩色按钮,所以每次循环运行时都可以更改类。

【问题讨论】:

  • 当然,只要创建一个关联数组,以$value 为键,"btn_success" 等为值。

标签: php css loops foreach


【解决方案1】:

获取数组并在其上存储类

<div class="btn-demo">
  <?php 
    $class = array('btn-warning','btn-success','btn-info');
    $i = 0;
    foreach ($getSubCat as $value): 
    $getSubCat1 = $conn->query("select name from m_subcategory where id = '$value'")->fetch_object();
  ?>
    <button class="btn <?=$class[$i]?> btn-quirk btn-stroke"><?=$getSubCat1->name?></button>
  <?php
    $i++;
    endforeach; 
  ?>
</div>

【讨论】:

  • 只需添加条件以防止计数器不超过数组的长度,如果是则再次将其设置为0
  • 这样,$arrayLength = count($class); ($i &gt; $arrayLength) ? $i = 0 : $i++; 它将防止未定义的索引错误..
【解决方案2】:

再简单不过了:

<div class="btn-demo">
<?php 
$class= ['btn-success','btn-info','btn-warning'];
  foreach ($getSubCat as $k => $value): 
  $getSubCat1 = $conn->query("select name from tbl where id = 
'$value'")->fetch_object();
?>

<button class="btn <?=$class[$k] ?>"><?=$getSubCat1->name?></button>

<?php endforeach; ?>
</div>

【讨论】:

    【解决方案3】:

    如果您在表格中有状态,请执行以下操作

    //状态为“危险”或=“成功”

    <div class="btn-demo">
    <?php 
      foreach ($getSubCat as $value): 
      $getSubCat1 = $conn->query("select name,status from tbl where id = '$value'")->fetch_object();
    $btn_class = "btn btn-".$getSubCat1->status;
    ?>
    
    <button class="<?php echo $btn_class; ?>"><?=$getSubCat1->name?></button>
    
    <?php endforeach; ?>
    </div>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-11-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-11
      • 2019-04-30
      • 1970-01-01
      • 2020-01-01
      相关资源
      最近更新 更多