Помогите написать цикл
привет всем. Возник вопросс с циклом 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 айди или стиль, но как перебрать всё и вернуть результат нужным элементам всё же не пойму. Знатоки помогите с вопроссом пожалуйста =) |
Дабы не загонять вас лишний раз в заблуждение написал код. Но кто скажет как его можно написать грамотнее?
текст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, время: 20:24. |