javascript - 在 Jquery 中使用 .css() 中的变量

Question

我遇到了一个我似乎无法解决的相当奇怪的问题。我试图在 .css() 中使用一个变量，但它不起作用。但是，如果我直接在 .css() 调用中输入“背景颜色”，它就会执行。给了什么？

var css = that.data('css');
var targets = that.data('targets');
var value = that.val();
console.log(css + ' ' + targets + ' ' + value);
console.log(css === 'background-color');
    // returns true

$(targets).css({
    css: value
});
// Doesn't work!

$(targets).css({
    'background-color': value
});
// Works ok!

Answer 1

你不能在对象字面量中使用变量作为键，先创建对象然后使用括号表示法添加属性

    var obj = {};
    obj[css] = value;
    $(targets).css(obj);

或者只是

    $(targets).css(css, value);