如何制作一个javascript，将元素的背景色设置为innerhtml颜色代码？

当我为一个网站制作样式模板时，我想从带有背景色的示例块中创建span元素。例如：

#FF0000

应生成以颜色代码#FF0000（红色）为背景色的块

目前，正在使用以下css和JS代码（相关位）
css

span.colblock{
利润率：8px；
填充：8px；
显示：块；
边框：1px纯黑；
边界半径：2px；
宽度：66px；
}

Javascript（在页面底部，正文前）

$（“colblock”）。每个（函数（）{
var ccode=$（this.html（）；
$（this.css（“背景色”，ccode）；
});

---

依我看，这应该是可行的，但事实并非如此。有人能给我点灯吗？

在按类选择元素时使用

运算符。您在此处遇到错误：

$(".colblock").each(function() {
   ^ //missed '.' dot 

使用以下内容：

$(".colblock").each(function() {
    var ccode = $(this).html();
    $(this).css("background-color", ccode);
});

---

在css中，您也有打字错误：

<span.colblock{
^ //===> should be removed

应删除

请参阅使用

$（this.text（）

而不是

$（this.html（）

在css

中，不使用JQuery

var the_Span = document.getElementById("colblock");
var span_Text = the_Span.innerText;
the_Span.style.backgroundColor = span_Text; 

要选择一个类，应该使用
$（“.ClassName”）
，这里是
$（“.colblock”）
。
$（“colblock”）
将选择标记名为“colblock”的元素

您的jquery链接似乎已失效

src=“//code.jquery.com/jquery-migrate-1.2.1.min.js”

这一个在我测试时起作用：

src=”http://code.jquery.com/jquery-1.2.1.min.js“

您可以使用背景色来指定宽度和高度，而不是将内容作为颜色：#FF0000The
这里的概念是让span元素使用其内部的颜色代码作为背景色，以避免键入大量CSS。@reporter，在文章中键入错误。。。很抱歉
<span.colblock{
^ //===> should be removed

$(".colblock").each(function() {
        var ccode = $(this).text();
        $(this).css("background-color", ccode);
    });

var the_Span = document.getElementById("colblock");
var span_Text = the_Span.innerText;
the_Span.style.backgroundColor = span_Text;