You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在PHP while循环中为首个Tab分配active类?

解决PHP循环生成Tab时仅第一个Tab添加active类的问题

你只需要在循环外新增一个计数器变量,通过判断计数器的值来决定是否给Tab添加active类,具体修改如下:

  1. 在while循环前初始化一个计数器,比如$tabCount = 0;
  2. 在循环内部,根据计数器是否为0来拼接class字符串:
    • 当$tabCount等于0时,使用包含active的完整class
    • 否则,使用不带active的class
  3. 每次循环结束后让计数器自增

修改后的完整代码:

$tabCount = 0;
while($row  = $result->fetch_assoc() ) {
  $id = $row['id'];
  $in = $row['initial'];
  $name = $row['name'];     
  // 根据计数器判断是否添加active类
  $class = $tabCount === 0 ? "tab-pane fade p-2 active" : "tab-pane fade p-2";
  echo "<div class=\"$class\" id=\"$in\" role=\"tabpanel\" aria-labelledby=\"$in-tab\">";
  // 这里可以继续添加Tab面板的内容
  $tabCount++; // 计数器自增
}

这样就能保证只有第一次循环生成的Tab会带有active类,后续的Tab都不会激活。

内容的提问来源于stack exchange,提问作者Anthony

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.17 20:25:38