将<div>的背景颜色设置为里面的十六进制文本文本

Question

我的HTML代码中有以下几个div：

<div>#558C89</div>

我希望每个div的背景都具有它所拥有的值。 我想出了一个脚本来做到这一点，但只有当点击div时：

$(document).ready(function() {
    $(document).on('click', 'div', function() {
        $(this).css('background-color', $(this).text());
    });
});

我是JavaScript和jQuery的初学者，我不确定它是否是正确的方法。我希望这些div在页面加载时已经设置了背景颜色。

Answer 1

使用.each()遍历每个<div>并使用.text()提取十六进制颜色代码。

$(document).ready(function () {
   $('div').each(function () {
     $(this).css('background-color', $(this).text());
   })
});

jsFiddle