使用jQuery根据span的内容设置背景位置

Question

我想更改背景图像的位置以匹配span元素的数字内容。

我的HTML：

<div id="ecoBar">
    <div id="ecoSlider"></div>
    <h4>ECO <span id="ecoPercentage">50%</span></h4>
</div>

所以我有一个div＃ecoSlider代表一个400px宽的滑动比例和一个提供数值的span＃ecoPercentage。我希望从范围中获得该值并应用于我的背景位置。

到目前为止我的jQuery：

$(document).ready(function(){
    var value = $('#ecoPercentage').text();
    $('#ecoSlider').css('backgroundPosition', 'value 0');
});

我似乎无法解决这个问题，我做错了什么？

非常感谢提前。

Answer 1

您将“value”作为字符串值传递。试试这个：

$（'＃ecoSlider'）。css（'backgroundPosition'，value +'0'）;