我有一个颜色列表，我需要将它们解析为 html 元素的背景 [关闭]答案

【问题标题】：I have a list of colors, I need to parse them as backgrounds to html elements [closed]我有一个颜色列表，我需要将它们解析为 html 元素的背景 [关闭]
【发布时间】：2013-08-27 00:19:50
【问题描述】：

我有一个 RGB 格式的 600 种颜色列表，我试图在页面加载时将其解析为 html 元素作为背景颜色。颜色目前采用 CSV 格式，但当然可以更改。 HTML 元素可以由脚本本身创建或存在，从我的角度来看，任何一种方式都是可行的。

这是一个我现在可以运行的示例

var color = [];
color[ 0 ] = 'RGB(233,232,217)';
color[ 1 ] = 'RGB(227,222,202)';
color[ 2 ] = 'RGB(218,210,186)';
color[ 3 ] = 'RGB(208,189,150)';
color[ 4 ] = 'RGB(213,208,194)';

$.each(color, function(index, value){
    $('body').append($('<a class="color">').css({
        height: '30px',
        width: '30px',
        'background-color': value
    })
);
});

【问题讨论】：

兄弟，你必须更具体。你想通过点击来做到这一点吗？页面加载时？真正定义你的问题
你的颜色列表是什么格式的。是 JSON 吗？ XML？或者...
请用一些示例代码阐明您面临的问题...
@tryingToGetProgrammingStraight 对不起，我应该提到这一点。这将只是在页面加载时，html 元素可以提前创建并填充内联样式，也可以由脚本本身创建。我可以将颜色转换为所需的任何格式，目前它们位于 CSV 文件中。
请编辑您的问题以包含此 CSV 以及尝试的 jQuery/JavaScript。

标签： jquery html css ajax parsing

【解决方案1】：

如果您只想在单独的元素中渲染颜色，您可以执行以下操作（假设您的“列表”是一个简单的数组）：

$.each(colors, function(index, value){
    $('body').append($('<div>').css({
            'background-color': value,
            height: '30px',
            width: '100px' // Set height and width to whatever size is best for you
        })
     );
});

【讨论】：

这正是我正在寻找的方向。已经有了它的小版本，非常感谢。