使用jquery或javaScript更改背景位置的值

Question

我使用JQuery得到一个Css值，关于特定元素的背景位置，-66px -65px

我希望得到第二个值("-65px")并使用jquery将其更改为'170px'; 如何subString和现在替换值？

Answer 1

使用jquery你可以做这样的事情......

    $('#elementid').css('background-position-x', newValueX);
    $('#elementid').css('background-position-y', newValueY);

你也可以获得值

    $('#elementid').css('background-position-x');
    $('#elementid').css('background-position-y');

Answer 2

根据你的情况

// replace body selector with your element selector
var bgPos = $('body').css('backgroundPosition');
$('body').css('backgroundPosition', bgPos.replace('-65px', '170px'));

Answer 3

我认为你应该尝试使用'background-position'css属性。它会让你的生活变得更简单。

这是fiddle

var bg = $('#some_el').css('background-position');
var values = bg.split(" ");
var X = values[0].split("px")[0];
var Y = values[1].split('px')[0]);