jquery - 我有一个颜色列表，我需要将它们解析为 html 元素的背景

Question

我有一个 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
    })
);
});

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