Javascript 如果复制引导colorpicker中的输入字段，如何获取颜色值。有人能帮我吗？

在复制输入字段时，获取该字段的颜色值时遇到问题。如果复制引导colorpicker中的输入字段，如何获取颜色值。有人能帮我吗

<a href="#" class="btn btn-default" id="cp4">Change background color</a>

<a href="#" class="btn btn-default" id="cp4">Change background color</a>
      <script>
          $(function () {
              $('#cp4').colorpicker().on('changeColor', function (e) {
                  $('body')[0].style.backgroundColor = e.color.toString('rgba');
              });
          });
      </script>

$（函数（）{
$（'#cp4'）.colorpicker（）.on（'changeColor'，函数（e）{
$（'body'）[0].style.backgroundColor=e.color.toString（'rgba'）；
});
});

请检查原始代码：

---

提前谢谢

我现在不能试试，但你可以试试这个

<a href="#" class="btn btn-default cp4">Change background color</a>
<a href="#" class="btn btn-default cp4">Change background color</a>

$(function() {
  $('.cp4').colorpicker().on('changeColor', function() {
    var value = $(this).colorpicker('getValue');
    // do what you want
  });
});

$（函数（）{
$（'.cp4'）.colorpicker（）.on（'changeColor'，function（））{
var value=$（this.colorpicker（'getValue'）；
//做你想做的
});
});

作为注释讨论-您必须有一个唯一的id-以便您可以对每个按钮应用一个类-或者使用id将两者包装在父级中，并在div中.btn类的clik上调用该函数

<div id="cp4">
  <a href="#" class="btn btn-default" >Change background color</a>

  <a href="#" class="btn btn-default">Change background color</a>
</div

//js
      <script>
          $(function () {
              $('#cp4 .btn').colorpicker().on('changeColor', function (e) {
                  $('body')[0].style.backgroundColor = e.color.toString('rgba');
              });
          });
      </script>

id
是唯一的。使用
class
为此，在多个元素上不能有相同的
id
，它必须是唯一的。如果要对元素进行分组，请使用类。您需要将cp4添加到现有的类定义中-您不能为一个元素指定两组类。我认为您必须删除第二个
a
标记中的
id
属性，因为否则它会重复hanks@UfguFugullu-修订-复制和粘贴的危险