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

Question

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

我的html：

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

所以我有一个 div#ecoSlider 代表一个 400 像素宽的滑动刻度和一个 span#ecoPercentage 给出一个数值。我想从跨度中获取该值并应用于我的背景位置。

到目前为止我的 jQuery：

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

我似乎无法正常工作，我做错了什么？

非常感谢。

Answer 1

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

$('#ecoSlider').css('backgroundPosition', value + '0');