Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Задание случайного класса для элемента (https://javascript.ru/forum/jquery/41023-zadanie-sluchajjnogo-klassa-dlya-ehlementa.html)

1n3gan 28.08.2013 17:44

Задание случайного класса для элемента
 
Здравствуйте.
Имеется 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?
Спасибо заранее.

animhotep 28.08.2013 18:30

если совсем случайным образом то великий рандом в помощ
если из списка то формируете массив со словами и темже рандомом выбираете слово

1n3gan 28.08.2013 18:56

Почти разобрался. Вывожу случайный класс из массива таким образом:

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 28.08.2013 19:07

http://codepen.io/animhotep/pen/Iaygp

1n3gan 28.08.2013 19:12

animhotep, спасибо Вам Большое! тема закрыта


Часовой пояс GMT +3, время: 09:48.