Задание случайного класса для элемента
Здравствуйте.
Имеется n кол-во ссылок. Пример: <div id="links"> <a href="#">Ссылка 1</a> <a href="#">Ссылка 2</a> <a href="#">Ссылка 3</a> <a href="#">Ссылка 4</a> <a href="#">Ссылка 5</a> </div> Нужно чтобы каждая ссылка случайным образом приобретала свой определенный класс. Должно получиться что-то в роде: <div id="links"> <a href="#" class="red">Ссылка 1</a> <a href="#" class="green">Ссылка 2</a> <a href="#" class="blue">Ссылка 3</a> <a href="#" class="pink">Ссылка 4</a> <a href="#" class="green">Ссылка 5</a> </div> П.с: пускай классы для некоторых элементов будут повторяться. Как это можно добиться посредством jquery? Спасибо заранее. |
если совсем случайным образом то великий рандом в помощ
если из списка то формируете массив со словами и темже рандомом выбираете слово |
Почти разобрался. Вывожу случайный класс из массива таким образом:
var $randomArray = ['red','green','blue', 'orange']; $randomElements = $($randomArray).get().sort(function(){ return Math.round(Math.random())-0.1 }).slice(0,1); Код работает, но почему-то этот класс ко ссылке не применяется: $('#links').find('a').each(function(){ $(this).addClass($randomElements); }) |
|
animhotep, спасибо Вам Большое! тема закрыта
|
Часовой пояс GMT +3, время: 09:28. |