Php 单击时将金额添加到背景位置（jQuery）

我对js和jquery还很陌生，所以请耐心听我说

我想改变背景位置，在点击按钮1时在#div1上加1%，在点击按钮2时在#div1上加-1%

我如何在jQuery中实现这一点

阿尔斯，奖金问题： 这些将通过php动态生成。是否可以在js脚本中使用php以便id正确

像这样：

$i = 1
while($i <= 5):
 $div[$i] = 'div'.$i;
 $leftbutton[$i] = 'leftbotton'.$i;
 $rightbotton[$i] = 'rightbotton'.$i;
$i++;
endwhile;

$i=1
而（$i是这样的：

function makeClicker(index) {
    $('#leftbutton' + index).click(function() {
        var bPos = $('#div' + index).css('background-position');
        bPos = bPos.replace(/%/g, '').split(' ');
        bPos = (-1 + parseInt(bPos[0], 0)) + '% ' + bPos[1] + '%';
        $('#div' + index).css('background-position', bPos);
    });
    $('#rightbutton' + index).click(function() {
        var bPos = $('#div' + index).css('background-position');
        bPos = bPos.replace(/%/g, '').split(' ');
        bPos = (1 + parseInt(bPos[0], 0)) + '% ' + bPos[1] + '%';
        $('#div' + index).css('background-position', bPos);
    });
}

for(var i = 1; i <= 5; i++)
    makeClicker(i);

函数makeClicker（索引）{
$（“#leftbutton”+索引）。单击（函数（）{
VarBPOS=$（'#div'+索引）.css（'background-position'）；
bPos=bPos.替换（/%/g.）。拆分（“”）；
bPos=（-1+parseInt（bPos[0]，0））+'%'+bPos[1]+'%'；
$（'#div'+index）.css（'background-position'，bPos）；
});
$（“#右按钮”+索引）。单击（函数（）{
VarBPOS=$（'#div'+索引）.css（'background-position'）；
bPos=bPos.替换（/%/g.）。拆分（“”）；
bPos=（1+parseInt（bPos[0]，0））+'%'+bPos[1]+'%'；
$（'#div'+index）.css（'background-position'，bPos）；
});
}
对于（var i=1；我不知道。这会取当前值并增加或减少（很明显，不是像我问的那样以百分比为单位，而是以像素为单位）吗？谢谢！但无法使其工作。以下是我要更改样式的元素的代码：后续问题（如果有时间）：单击按钮时，如何使用此值更新文本字段？如果要添加上/下按钮，如何修改它？非常感谢！Re#1:
$（'.myDivElement'）。text（'Position:'+bPos）；
。Re#2:
bPos[0]
是X，
bPos[1]
是Y。您需要移动
（1+int）（
to
bPos[1]
。再次感谢，现在一切都正常了！尽管我不得不使用$（'.myDivElement'+index）.attr（“value”，bPos）；在#1中，您希望更改哪个坐标？（X或Y）事实上，一个页面只有左/右，但另一个页面有单独的上/下按钮。我没有提到这一点，因为我认为如果我得到第一个答案，我就能够找出其余的答案，但现在我不再那么确定；）