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

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

1 个答案: