Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Помогите написать цикл (https://javascript.ru/forum/jquery/17724-pomogite-napisat-cikl.html)

serhanters 31.05.2011 03:26

Помогите написать цикл
 
привет всем. Возник вопросс с циклом each в jquery.

<div id="colorSelector"><div style="background-color: #0000ff"></div></div>
<div id="colorSelector"><div style="background-color: #ff0000"></div></div>


$('#colorSelector').ColorPicker({
			color: '#0000ff',
			onShow: function (colpkr) {
				$(colpkr).fadeIn(500);
				return false;
			},
			onHide: function (colpkr) {
				$(colpkr).fadeOut(500);
				return false;
			},
			onChange: function (hsb, hex, rgb) {
				$('#colorSelector div').css('backgroundColor', '#' + hex);
				
				
			}
		});


Использую для выбора цветов плагин http://www.eyecon.ro/colorpicker/ . Наткнулся на такую проблемму, на странице используется много колор пицкеров, как перебрать их в массиве и выбранный результат возвратить в нужный <div style="background-color: #0000ff"></div> чтобы выбранный цвет сразу же подставлялся, ясное дело, что для того, чтобы плагин отличал дивы нужно прицепить унекальный id айди или стиль, но как перебрать всё и вернуть результат нужным элементам всё же не пойму. Знатоки помогите с вопроссом пожалуйста =)

serhanters 31.05.2011 03:51

Дабы не загонять вас лишний раз в заблуждение написал код. Но кто скажет как его можно написать грамотнее?

текст1  <div id="colorSelector" class="n_1"><div class="n_1" style="background-color: #0000ff"></div></div> <br>
        текст2  <div id="colorSelector" class="n_2"><div class="n_2" style="background-color: #ff0000"></div></div> <br>
         <br>
        
        
       текст3 <div id="colorSelector" class="n_3"><div class="n_3" style="background-color: rgb(123, 123, 123)"></div></div> <br>



$('#templateEditColors #colorSelector').each(function() {
	
	var idElem = $(this).attr('class');
	
		$(this).ColorPicker({
			color: '#0000ff',
			onShow: function (colpkr) {
				$(colpkr).fadeIn(500);
				return false;
			},
			onHide: function (colpkr) {
				$(colpkr).fadeOut(500);
				return false;
			},
			onChange: function (hsb, hex, rgb) {
				$('#colorSelector .'+ idElem).css('backgroundColor', '#' + hex);
				
				
			}
		});
		});


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