在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})`);