設置的背景色 <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());
   })
});