jquery - 如何通过 HTML5 getItem 设置背景颜色？

Question

我使用这段代码：

$(this).css('backgroundcolor', localStorage.getItem('bgColorr') + " !important;");

当我写：

alert( localStorage.getItem('bgColorr') + " !important;");

它给了我正确的警报 rgb(243,102,42) !important; ……

真的很接近我..谢谢大家！

编辑：

周边代码：

$(function() {
    $(this).css('background-color', localStorage.getItem('bgColorr'));
});

var colorOptions = '#000, #fff, #abf7ae, #f6cbe9, #53c68f, #53c1c6, #538dc6, #c6536b'.split(', '),
    colorDivs = [],
    colorsContainer = $('#colorsContainer');

for ( var i = 0, len = colorOptions.length; i < len; i++ ) {
    var div = $('<div />').css('background', colorOptions[i])[0];
    colorDivs.push(div);
}

colorsContainer.append(colorDivs);

$('#header').hover(function() {
    colorsContainer
    .fadeIn(200)
    .children('div')
        .click(function() {
            $('body').css('background', $(this).css('backgroundColor'));
            localStorage.setItem('bgColorr', $(this).css('backgroundColor'));
        });
}, function() {
    colorsContainer.fadeOut(200);
});

到了，谢谢各位

Answer 1

• 使用'background-color'而不是'backgroundcolor'.
• 删除!important. 您不能从 Javascript 设置此属性。
• 您不应该将分号放在值的末尾。

---

更新：

除了上述之外，它似乎this不是一个 HTML 元素。您需要在这里使用适当的选择器，例如$('#someid')选择带有id='someid'. 如果要更改正文背景，请使用$('body').

总而言之，你应该留下：

$('body').css('background-color', localStorage.getItem('bgColorr'));

Answer 2

您的问题不在于 getItem 或其他任何内容，而是您的 CSS 属性名称的大写。它是背景颜色，而不是背景颜色。