У меня есть слайдер из 14 элементов. Необходимо под слайдером в строчку - 4 блока с надписями: первая, вторая, третья, четвёртая. С этим я справился. Я хочу, чтобы в зависимости от того, из какой группы блок, её название выделялось рамкой
- первые пять блоков в первой группе,
- четыре следующих во второй
- три следующих в третьей
- два последних в четвёртой
и
<div class="jMyCarousel">
<ul>
<li class="1"><div class="news-text"><p>!1!Text</p></div></li>
<li class="1"><div class="news-text"><p>!2!Text</p></div></li>
<li class="1"><div class="news-text"><p>!3!Text</p></div></li>
<li class="1"><div class="news-text"><p>!4!Text</p></div></li>
<li class="1"><div class="news-text"><p>!5!Text</p></div></li>
<li class="2"><div class="news-text"><p>!6!Text</p></div></li>
<li class="2"><div class="news-text"><p>!7!Text</p></div></li>
<li class="2"><div class="news-text"><p>!8!Text</p></div></li>
<li class="2"><div class="news-text"><p>!9!Text</p></div></li>
<li class="3"><div class="news-text"><p>!10!Text</p></div></li>
<li class="3"><div class="news-text"><p>!11!Text</p></div></li>
<li class="3"><div class="news-text"><p>!12!Text</p></div></li>
<li class="4"><div class="news-text"><p>!13!Text</p></div></li>
<li class="4"><div class="news-text"><p>!14!Text</p></div></li>
</ul>
</div>
<div class="buttom_block">
<ul>
<li> 1_блок </li>
<li> 2_блок </li>
<li> 3_блок </li>
<li> 4_блок </li>
</ul>
</div>
Вопрос в том, как узнать 1-й элемент в блоке. Я хочу сравнивать первый элемент: если он равен <li class="1">
, то высвечивать первый блок. Помогите найти позицию первого элемента.
Весь код программы можно скачать здесь. Пароль 1234.
Спасибо большое.