jquery css无法运行的Javascript函数（无错误）

Question

我编写了一个使用jquery .css的函数，只是传递元素，css属性和css值。

这是功能：

function addCss(element, cssProperty, cssValue) {
   $(element).css({ cssProperty: cssValue }); 
}

以下是一个示例用法：

addCss('.container','flex-direction', 'row');

由于某种原因，它无所事事。

我错过了什么或语法错了？

Answer 1

尝试$(element).css({ [cssProperty]: cssValue });

Answer 2

如果您在支持ES6计算属性名称的环境中，则需要单独构建对象。

function addCss(element, cssProperty, cssValue) {
   var rule = {};
   rule[cssProperty] = cssValue;
   $(element).css(rule); 
}