Дабы не загонять вас лишний раз в заблуждение написал код. Но кто скажет как его можно написать грамотнее?
текст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);
}
});
});