在jquery .css（）中使用變量？

Question

我正在嘗試使用api調用根據當前天氣更改div的背景。網址在最後一行不起作用。如果我從我的文件夾中的文件添加路徑，它會起作用，但當我嘗試添加變量作爲url路徑時不起作用。有沒有解決方法在url路徑中使用變量？下面是我有：

function loadImage(conditions){ 
    var imageSRC = "img/weather/hero-"; 
    var validConditions = ["clear", "cloudy", "rain", "snow"]; 
    var timeOfDay = getTimeOfDay(); 
    conditions = conditions.toLowerCase(); 
    if (validConditions.indexOf(conditions) === -1) { 
     conditions = "cloudy"; 
    } else { 
     conditions = conditions; 
    } 
    console.log(conditions); 

    var apiImg = imageSRC + conditions + ".jpeg"; 
    console.log(apiImg); 

    $('#intro').css("background-image", 'url(apiImg)'); 
} 

Answer 1

使用字符串拼接：

$('#intro').css("background-image", 'url(' + apiImg + ')'); 

或ES6模板文字：

$('#intro').css("background-image", `url(${apiImg})`);