jQuery-Variablen als Schlüssel in Key:Pair-CSS-Attributen

Question

Ist es möglich, etwas zu nehmen wie:

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

Und verwandeln Sie es in:

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

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

Bisher kann ich es nur zum Funktionieren bringen, indem ich die Zeilen wiederholt separat deklariere, z. B. so:

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

Hat jemand eine andere Idee? Der Grund, warum ich mit dieser Mühe ist, weil ich möchte in der Lage sein, mein Modul um 90 Grad zu spiegeln (aka, haben es gehen von links nach rechts oder oben nach unten), und zu tun, dass ich eine universelle Variable für Richtung haben müsste.

Answer 1

{ "top": var1, "height": var2 } erstellt ein JavaScript-Objekt, das zwei benutzerdefinierte Eigenschaften hat. Leider ist es in JavaScript nicht möglich, Variablen als Eigenschaftsnamen zu verwenden, wenn Sie ein Objekt auf diese Weise definieren.

Sie sollten es so machen können:

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

Answer 2

Versuchen Sie dies...

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