Wie verwendet man jQuery's .css() mit dem Variablennamen?

Question

Statt zu schreiben:

$('div').css({'backgroundColor': 'red'}); 

Ich möchte wie etwas schreiben:

$('div').css({get_property_name(): 'red'}); 

wo get_property_name() zurück "backgroundColor", "color", "border-top-color" oder jede andere Eigenschaft.

Welche Möglichkeiten habe ich, damit es funktioniert?

Answer 1

The .css() method kann auch als .css(propertyName, value) bezeichnet werden.

$('div').css(get_property_name(), 'red'); 

Wenn Sie wirklich das Wörterbuch Darstellung benötigen:

var d = {}; 
d[get_property_name()] = 'red'; 
$('div').css(d); 

Answer 2

diese Werte ein Objekt einfach zuordnen und es .css()

var styles; 
styles[get_property_name()] = 'red'; 
$(div).css(styles);