将<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