Динамическое добавление классов css в элемент html в php
Я пытаюсь создать приложение, в котором есть много курсов. У каждого курса есть несколько дней (например, 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 Спасибо за ответ. Добавив этот код, он также добавит активный класс в кружки викторины (маленькие кружки). Я хочу добавить его только в большие круги со значком замка.
добавьте к нему еще условие ... например, $ i% 2! = 0
<li class = "{{$ i == $ current_day && $ i% 2! = 0? 'active': ''}}"> </li> вот так
При этом, когда $ current_day - четное число, он никуда не добавляет класс.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 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 Да, я понимаю, редактирование Нитина Гояла должно было решить эту проблему. Кредит ему :)
При этом, когда $ current_day - четное число, он никуда не добавляет класс.
Это тоже не работает, и я думаю, что $ i <= $ current_day будет $ i == $ current_day ??
@RakeshKohali Не могли бы вы опубликовать снимок экрана с результатом выполнения кода? это действительно должно работать, спасибо
Когда результат $current_day = 1: prnt.sc/ipa9g6, когда результат $current_day = 2: prnt.sc/ipaa4d, когда результат $current_day =3: prnt.sc/ipaali Результат $current_day=4: prnt.sc/ipab2l Результат $current_day = 5: prnt.sc/ipabn0
@RakeshKohali, попробуйте следующее: <li class = "<? Php if ($ i * 2-1 == $ current_day) {echo" active ";}?>"> </li>
@RakeshKohali, хорошо, пожалуйста, замените оператор if на это: $i/2 == $current_day-0.5 на 100% уверен, что он работает, извините за все эти неправильные коды
сначала получите текущий день обучения пользователя. затем поместите условие в атрибут класса <li class = "<? php echo ($ i <$ curr_day)? 'active': '';?>"> </li>