jQuery变量作为键中的键：配对CSS属性

Question

是否可以采取类似的措施：

$("div").css({
    "top": var1,
    "height": var2,
     etc.
});

然后把它变成：

var dir = "top";
var length = "height";

$("div").css({
    dir: var1,
    length: var2,
     etc.
});

到目前为止，我能让它工作的唯一方法是分别重复声明这些行，例如：

$("div").css(dir, var1);
$("div").css(length, var2);
$("div").css(etc.);

有没有人有任何其他想法？我之所以烦恼，是因为我希望能够将模块翻转90度（也就是说，从左到右或从上到下），为了做到这一点，我必须要有一个通用方向变量。

Answer 1

{＆quot; top＆quot;：var1，＆quot; height＆quot;：var2} 创建一个具有两个用户定义属性的JavaScript对象。不幸的是，JavaScript不允许您以这种方式定义Object时将变量用作属性名称。

你应该能够这样做：

var o = {};
o[dir] = var1;
o[length] = var2;
$("div").css(o);

Answer 2

试试这个......

var myCss = {};
myCss[dir] = var1;
$("div").css(myCss);