将jQuery色彩盒颜色发送到其他元素

Question

我正在尝试将用户选择的选定jQuery colorbox颜色发送到内部的文本字符串

<div class="user-text">

当前，它仅影响显示sxwatch的显示用户正在选择的内容。 这是我正在尝试的功能。 我想我可以添加一条新行，告诉它显示“颜色”。

$('.user-text').css('color', '#' + hex);

这是我的全部功能

$('#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);
    $('.user-text').css('color', '#' + hex);
}
  });

Answer 1

如果我理解您的问题，则需要html()方法

onChange: function (hsb, hex, rgb) {
    $('#colorSelector div').css('backgroundColor', '#' + hex);
    $('.user-text').css('color', '#' + hex);
    $('.user-text').html('Your chosen color: #' + hex);
}