使用可變

Question

我已經看到了很多關於如何使用變量反過來像

var bg='background-color'; 
$(this).css({bg:'#000000'}); 

線程詢問如何使用一個變量jQuery的CSS的方法類似

var black='#000000'; 
$(this).css({'color':black}); 

，但沒有

對我來說，它並不是那樣工作，所以我問，有沒有辦法讓這樣的工作，以節省一些空間，當在腳本中多次使用'背景顏色'？

謝謝！

Answer 1

，如果它是你可以用這種方式寫

var bg = 'background-color'; 
$(this).css(bg, '#000000'); 

如果你需要傳遞一個對象，你可以定義background-color鍵作爲變量方括號

內

var bg = 'background-color'; 

var obj = {}; 
obj[bg] = '#000000'; 
$(this).css(obj); 

Answer 2

使用bracket單一屬性使用變量的符號key的對象

var obj = {}; 
 
var bg = 'background-color'; 
 
var black = '#000000'; 
 
obj[bg] = black; 
 
$('div').css(obj)

div { 
 
    color: white; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<div>Hello</div>

Answer 3

只需使用的.css(propertyName, value)的版本，將樣式名稱和參數

$('div').each(function() { 
 
    var bg = 'background-color'; 
 
    $(this).css(bg, '#000000'); 
 
})

div { 
 
    margin-bottom: 5px; 
 
    color: white; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div>some</div> 
 
<div>test</div>