在php中动态地将css类添加到html元素

拉克什·科哈利

我正在尝试构建一个包含许多课程的应用程序。每门课程都有几天(例如 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 中实现这一点?

谢谢你。

加布里埃尔奇尔

你可以尝试这样做:

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

它检查天数 ( $current_day) 是否等于圆圈 ( $i)的编号,如果是,则将类添加active到它。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

是否可以从Java动态地将方法添加到Groovy基本脚本中?

来自分类Dev

动态地将数据添加到QTableView

来自分类Dev

如何动态地将ng-pattern属性添加到html元素?

来自分类Dev

动态地将事件处理程序添加到React.DOM元素

来自分类Dev

如何动态地将子级添加到expandableListview的特定组中?

来自分类Dev

动态地将超链接添加到gridview

来自分类Dev

如何动态地将类添加到焦点输入字段的父div?

来自分类Dev

如何动态地将新数组添加到现有数组中

来自分类Dev

动态地将视图添加到布局

来自分类Dev

动态地将标签添加到JTabbedPane

来自分类Dev

根据同级兄弟上一类动态地将addClass()添加到元素吗?

来自分类Dev

如何动态地将Image添加到ImageView?

来自分类Dev

如何动态地将一个类添加到Selectize选项中?

来自分类Dev

动态地将类添加到跨度的特定部分

来自分类Dev

动态地将属性添加到指向字典中项目的Python类中

来自分类Dev

动态地将行添加到具有动态接收的列数的表中

来自分类Dev

如何动态地将ng-pattern属性添加到html元素?

来自分类Dev

如何仅使用JavaScript将JavaScript动态地添加到“ body”类?

来自分类Dev

如何动态地将画布添加到div元素?

来自分类Dev

动态地将行添加到已在C#中的html中存在的表中

来自分类Dev

动态地将属性添加到类

来自分类Dev

动态地将内容添加到标签页

来自分类Dev

PHP动态地将html代码添加到html文件

来自分类Dev

如何动态地将图像添加到imageView

来自分类Dev

动态地将元素添加到HTML页面

来自分类Dev

如何使用jquery动态地将元素添加到SVG图像?

来自分类Dev

张量流可以在训练中动态地将文件添加到FIFOQueue中

来自分类Dev

动态地将视图添加到RecyclerView

来自分类Dev

动态地将丢失的标签添加到损坏的HTML字符串中

Related 相关文章

  1. 1

    是否可以从Java动态地将方法添加到Groovy基本脚本中?

  2. 2

    动态地将数据添加到QTableView

  3. 3

    如何动态地将ng-pattern属性添加到html元素?

  4. 4

    动态地将事件处理程序添加到React.DOM元素

  5. 5

    如何动态地将子级添加到expandableListview的特定组中?

  6. 6

    动态地将超链接添加到gridview

  7. 7

    如何动态地将类添加到焦点输入字段的父div?

  8. 8

    如何动态地将新数组添加到现有数组中

  9. 9

    动态地将视图添加到布局

  10. 10

    动态地将标签添加到JTabbedPane

  11. 11

    根据同级兄弟上一类动态地将addClass()添加到元素吗?

  12. 12

    如何动态地将Image添加到ImageView?

  13. 13

    如何动态地将一个类添加到Selectize选项中?

  14. 14

    动态地将类添加到跨度的特定部分

  15. 15

    动态地将属性添加到指向字典中项目的Python类中

  16. 16

    动态地将行添加到具有动态接收的列数的表中

  17. 17

    如何动态地将ng-pattern属性添加到html元素?

  18. 18

    如何仅使用JavaScript将JavaScript动态地添加到“ body”类?

  19. 19

    如何动态地将画布添加到div元素?

  20. 20

    动态地将行添加到已在C#中的html中存在的表中

  21. 21

    动态地将属性添加到类

  22. 22

    动态地将内容添加到标签页

  23. 23

    PHP动态地将html代码添加到html文件

  24. 24

    如何动态地将图像添加到imageView

  25. 25

    动态地将元素添加到HTML页面

  26. 26

    如何使用jquery动态地将元素添加到SVG图像?

  27. 27

    张量流可以在训练中动态地将文件添加到FIFOQueue中

  28. 28

    动态地将视图添加到RecyclerView

  29. 29

    动态地将丢失的标签添加到损坏的HTML字符串中

热门标签

归档