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

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

你应该能够这样做:

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