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

【问题标题】：jQuery Variables as Key in Key:Pair CSS attributesjQuery 变量作为键中的键：配对 CSS 属性
【发布时间】：2010-11-28 23:09:14
【问题描述】：

是否可以采取以下措施：

$("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 度（也就是让它从左到右或从上到下），为此我必须有一个通用的方向变量。

【问题讨论】：

【解决方案1】：

试试这个...

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

【讨论】：

【解决方案2】：

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

你应该可以这样做：

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

【讨论】：