javascript - 将 jQuery 颜色框颜色发送到附加元素

Question

我正在尝试将用户选择的选定 jQuery 颜色框颜色发送到里面的文本字符串

<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);
}