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

使用jQuery根据span的内容设置背景位置,jquery,background-image,background-position,Jquery,Background Image,Background Position,我想更改背景图像的位置以匹配span元素的数字内容 我的html: <div id="ecoBar"> <div id="ecoSlider"></div> <h4>ECO <span id="ecoPercentage">50%</span></h4> </div> 我似乎无法让它工作,我做错了什么 非常感谢。您正在将“value”作为字符串值传递。请尝试以下方法: $('#eco

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

我的html:

<div id="ecoBar">
    <div id="ecoSlider"></div>
    <h4>ECO <span id="ecoPercentage">50%</span></h4>
</div>
我似乎无法让它工作,我做错了什么

非常感谢。

您正在将“value”作为字符串值传递。请尝试以下方法:


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

谢谢,这很好,但没有给我想要的效果。我如何将该值去掉%并乘以4?@mtwallet:
value=parseInt($('#ecoPercentage').text())*4@Orbling感谢您的评论,但是当尝试您建议的“对不兼容对象调用的XML后代内部方法”时,我遇到了以下错误???@Orbling my bad我已经编写了此控制台..log(值)
$(document).ready(function(){
    var value = $('#ecoPercentage').text();
    $('#ecoSlider').css('backgroundPosition', 'value 0');
});