【问题标题】:Adding css classes to html element dynamically in php在php中动态地将css类添加到html元素
【发布时间】:2018-08-18 21:51:44
【问题描述】:

我正在尝试构建一个包含许多课程的应用程序。每门课程都有几天(例如 14 天或另一门课程 20 天)。为了跟踪这一点,我有一个步骤进度条。看起来像这样:

现在在这个例子中,14 天是带有锁形图标的大圆圈。中间的小圆圈是测试测验。

我为此使用 laravel。我正在从数据库中获取所有这些数据并生成这个步骤进度条,如下所示:

     <ul class="progressbar">
        @for($i=1;$i< $totalDays->total_days*2;$i++)
          <li class=""></li>
        @endfor    
     </ul>

现在我想将活动类添加到活动日(当前是哪一天)。

像这样:

<li class="active"></li>

如何在 PHP 中实现这一点?

谢谢。

【问题讨论】:

  • 先获取用户当前的学习天数。然后将条件放入类属性中
  • @NitinGoyal 感谢您的回复。添加此代码会将活动类添加到测验圈(小圈)。我只想将它添加到带有锁定图标的大圆圈中。
  • 为它添加更多条件.. like $i%2 != 0
  • 像这样
  • 当 $current_day 是偶数时这样做不会在任何地方添加类。
  • 标签: javascript php css laravel blade


    【解决方案1】:

    您可以尝试这样做:

    <li class="<?php if ($i/2 == $current_day-0.5) { echo "active"; } ?>"></li>
    

    它检查日期编号($current_day)是否等于圆的编号($i),如果是,则向其添加类active

    【讨论】:

    • 感谢您的回答。添加此代码,它还将活动类添加到测验圈(小圈)。我只想将它添加到带有锁定图标的大圆圈中。
    • 代码是将类添加到正确的大圆圈还是添加到错误的大圆圈中。
    • 如果 $current_day 为 1 则添加到第一个 li 圈。如果 $current_day = 2 那么它会将活动类添加到我不想要的第二个小圆圈
    • @RakeshKohali 是的,我明白了,Nitin Goyal 的编辑应该已经解决了。归功于他:)
    • 当 $current_day 是偶数时这样做不会在任何地方添加类。
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签