Чат сообщества
|
   |
| Модератор форума: JonMagon |
| Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии Скрипт "сортировки" элементов. (Черные - направо, белые - налево...) |
| Скрипт "сортировки" элементов. |
|
Есть задача: разделить однотипные элементы в блоке на 2 класса через один, т.е. "на первый-второй рассчитайсь".
Как вариант - подойдет и просто навешивание порядкового номера. После некоторого головоломания получила следующее: Код <script type="text/javascript"> $(document).ready(function(){ var a = document.getElementById('Menu'), b = a.innerHTML.split('li'), i = b.length, x = 0; while(--i){x=x+1; b[i] = 'li class="Num' + x + '"' + b[i];} a.innerHTML = b.join(''); }); </script> Есть ли возможность как-то это исправить или, может, есть более язящные решения? |
|
KaiLee, это не оно?
http://jquery.page2page.ru/index.php5/Четные_элементы С добавлением ид так: Сообщение отредактировал bandjuk - Среда, 10 Июл 2013, 10:23:00
|
|
Цитата (KaiLee) разделить однотипные элементы в блоке на 2 класса через один, т.е. "на первый-второй рассчитайсь" это как бэ оно и есть Цитата (KaiLee) Нет, не то. Мне-то и нужно порядковый номер блокам присвоить.. тогда поясни. |
|
bandjuk,
У меня есть некоторая структура, допустим такая: Код <ul> <li><a href="#">Ссылк</a></li> <li><a href="#">Ссылк</a></li> <li><a href="#">Ссылк</a></li> <li>Ссылк</li> <li><a href="#">Ссылк</a></li> <li><a href="#">Ссылк</a></li> </ul> Код <ul> <li class="black"><a href="#">Ссылк</a></li> <li class="white"><a href="#">Ссылк</a></li> <li class="black"><a href="#">Ссылк</a></li> <li class="white">Ссылк</li> <li class="black"><a href="#">Ссылк</a></li> <li class="white"><a href="#">Ссылк</a></li> </ul> Код <ul> <li class="Num1"><a href="#">Ссылк</a></li> <li class="Num2"><a href="#">Ссылк</a></li> <li class="Num3"><a href="#">Ссылк</a></li> <li class="Num4">Ссылк</li> <li class="Num5"><a href="#">Ссылк</a></li> <li class="Num6"><a href="#">Ссылк</a></li> </ul> Скрипт должен найти в блоке [ul] все [li], заменить каждую первую [li] на [li class="black"], а каждую вторую - на [li class="white"]/ Вот как-то так... Сообщение отредактировал KaiLee - Среда, 10 Июл 2013, 11:29:53
|
|
KaiLee, от чес слово, то ли лыжи не едут, то ли я .....
код: Цитата <!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://s16.ucoz.net/src/jquery-1.7.2.js"></script> <style> #list{width:260px;} #black {background-color: #cceecc;} #white {background-color:#eeeeee;} </style> </head> <body> <ul id="list"> <li><a href="#">Ссылк</a></li> <li><a href="#">Ссылк</a></li> <li><a href="#">Ссылк</a></li> <li><a href="#">Ссылк</a></li> <li><a href="#">Ссылк</a></li> <li><a href="#">Ссылк</a></li> <li><a href="#">Ссылк</a></li> <li><a href="#">Ссылк</a></li> </ul> <script> $("#list li:even").attr("id", "black"); $("#list li:odd").attr("id", "white");; </script> </body> </html> ид можно заменить на класс, хотя разницы не вижу. http://fotki.ucoz.ua/Mycop/new.html Сообщение отредактировал bandjuk - Среда, 10 Июл 2013, 11:44:28
|
|
|
| |||
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!