jquery - 生成随机颜色 jQuery 不添加 css

Question

我正在尝试创建一个随机颜色选择器，我希望 div 的类颜色完全以随机生成的十六进制颜色着色。我尝试仅添加 1 个 block (有效)，现在我尝试将其添加到 foreach .color 中，如下所示:

    $("#generateColors").click(function () {
        $('.color').each(function () {
            $.ajax({
                url: '/Pastel/PastelRGB',
                type: "Get",
                success: function (data) {
                    $(this).css({
                        "background-color": data.hex
                    });
                    //$("#color1p").text(data.hex);
                },
                error: function (jqXHR, err) {
                    LogError(err);
                }
            });
        });
    });

我的 HTML 看起来像这样

<div><input type="button" id="generateColors"/></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>
<div class="color" style="width:200px;height:200px;background-color:white;"></div>

CSS 不适用于 div..

我正在学习 HTML JS 和 CSS，所以任何帮助都会很棒!

你好，米克

Answer 1

这可以在客户端完成。执行 '#' +Math.random().toString(16).substring(2, 8) 往往效果很好。所以改变:

$(this).css({
    "background-color": data.hex
});

致:

$(this).css({
    "background-color": '#' + Math.random().toString(16).substring(2, 8)
});

Basic example