Javascript 尝试使用jquery获取css值

我正在尝试获取

背景

的css值。我的尝试失败，未传递正确的值。我有一个spectrum.js颜色选择器，无论我选择哪种颜色，

rgba（0,0,0,0）

总是被选择的。当我在控制台中查看背景时，它会在DOM中正确地显示它

有人知道为什么会失败吗

<div class="container" id="outside-preview">
    <div class="container" id="inside-preview">
       <div id="image-square"></div>
    </div>
 </div>

---

您需要将读取CSS值的代码放入

更改

处理程序中，以便在进行选择后更新

#result

元素。您当前的代码仅在加载时读取

change: function(color) {
    var eq = $(this).index('.colorpicker');
    $('.container').eq(eq).css('background-color', color.toHexString())

    var color = $("#outside-preview").css("background-color");
    $("#result").html("That div is " + color);
},

---

也许这会有帮助：嘿，你在吗？谢谢！就这样。你知道为什么当我为内部颜色添加另一个变量时，它会在我选择它之前设置内部颜色html吗？这是因为两个颜色选择器的逻辑相同。否则我怎么做？逻辑符合相同的目的，并且我有不同的id/变量？您可以在输入上使用数据属性来针对要更新的

div

，如下所示：。如果您想将颜色保持为RGBA格式，那么您可以使用相同的技巧获取

#X-preview

div，并像最初那样读取它们的

css（）

。谢谢，效果非常好！这个方法唯一的问题是，我如何给它分配一个变量？