Làm thế nào để sử dụng jQuery .css() với tên thuộc tính biến?

Question

Thay vì viết:

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

Tôi muốn viết một cái gì đó như:

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

nơi get_property_name() sẽ trở lại "backgroundColor", "color", "border-top-color", hoặc tài sản khác bất kỳ.

Tôi có các tùy chọn nào để làm cho nó hoạt động?

Answer 1

The .css() method cũng có thể được gọi là .css(propertyName, value).

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

Nếu bạn thực sự cần các đại diện từ điển:

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

Answer 2

Chỉ cần gán một đối tượng những giá trị và vượt qua nó để .css()

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