在 php 中动态添加 css 类 到 html 元素
Adding css classes to html element dynamically in php
我正在尝试构建一个应用程序,其中有很多 courses.Each 课程有几天(例如 14 天或另一门课程 20 天)。为了跟踪这个我有一个步骤进展 bar.Which 看起来像这样:
现在在这个例子中,14 天是带锁的大圆圈 icon.small 中间的圆圈是测试测验。
我为此使用 laravel。我正在从数据库中获取所有这些数据并生成这样的步骤进度条:
<ul class="progressbar">
@for($i=1;$i< $totalDays->total_days*2;$i++)
<li class=""></li>
@endfor
</ul>
现在我想将活动 class 添加到活动日(当前是哪一天)。
像这样:
<li class="active"></li>
如何在 PHP 中实现此目的?
谢谢。
您可以尝试这样做:
<li class="<?php if ($i/2 == $current_day-0.5) { echo "active"; } ?>"></li>
它检查天数($current_day
)是否等于圆圈数($i
),如果是,它添加class active
到它。
我正在尝试构建一个应用程序,其中有很多 courses.Each 课程有几天(例如 14 天或另一门课程 20 天)。为了跟踪这个我有一个步骤进展 bar.Which 看起来像这样:
现在在这个例子中,14 天是带锁的大圆圈 icon.small 中间的圆圈是测试测验。
我为此使用 laravel。我正在从数据库中获取所有这些数据并生成这样的步骤进度条:
<ul class="progressbar">
@for($i=1;$i< $totalDays->total_days*2;$i++)
<li class=""></li>
@endfor
</ul>
现在我想将活动 class 添加到活动日(当前是哪一天)。
像这样:
<li class="active"></li>
如何在 PHP 中实现此目的?
谢谢。
您可以尝试这样做:
<li class="<?php if ($i/2 == $current_day-0.5) { echo "active"; } ?>"></li>
它检查天数($current_day
)是否等于圆圈数($i
),如果是,它添加class active
到它。