Come utilizzare jQuery's .css() con il nome della proprietà variabile?

Question

Invece di scrivere:

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

voglio scrivere qualcosa di simile:

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

dove get_property_name() tornerà "backgroundColor", "color", "border-top-color", o qualsiasi altra proprietà.

Quali opzioni devo fare per farlo funzionare?

Answer 1

The .css() method può anche essere chiamato come .css(propertyName, value).

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

Se si ha realmente bisogno la rappresentazione dizionario:

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

Answer 2

Basta assegnare un oggetto quei valori e passarlo al .css()

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