Здравствуйте.
Имеется такой html код:
<div class="rat_box">
<ul class="rating">
<li class=""></li><li class=""></li><li class=""></li><li class=""></li><li class=""></li> </ul>
<div class="num">0</div>
</div>
Хочу реализовать такое с помощью javascript
:
Если в <div class="num">1</div>, то в 1 li class (<li class=""></li>) добавляем класс r100, а остальные 4 <li class=""></li> оставляем пустыми.
Если <div class="num">2</div>, то в двух первых<li class=""></li> к ним добавляем класс r100, то есть так:
<div class="rat_box">
<ul class="rating">
<li class="r100"></li><li class=""></li><li class=""></li><li class=""></li><li class=""></li> </ul>
<div class="num">1</div>
</div>
<div class="rat_box">
<ul class="rating">
<li class="r100"></li><li class="r100"></li><li class=""></li><li class=""></li><li class=""></li> </ul>
<div class="num">2</div>
</div>
<div class="rat_box">
<ul class="rating">
<li class="r100"></li><li class="r100"></li><li class="r100"></li><li class=""></li><li class=""></li> </ul>
<div class="num">3</div>
</div>
<div class="rat_box">
<ul class="rating">
<li class="r100"></li><li class="r100"></li><li class="r100"></li><li class="r100"></li><li class=""></li> </ul>
<div class="num">4</div>
</div>
<div class="rat_box">
<ul class="rating">
<li class="r100"></li><li class="r100"></li><li class="r100"></li><li class="r100"></li><li class="r100"></li> </ul>
<div class="num">5</div>
</div>
Такое возможно сделать с помощью javascript? Если да, пожалуйста, напишите как это сделать? В интернете искала и тут форуме тоже. Не нашла. Наверно это из-за того что я даже не знаю как называется эта функция в javascript. Пожалуйста, помогите. Спасибо!