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

Question

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

我想获得第二个值("-65px")并将其更改为'170px'jquery ；如何子字符串并替换现在的值？

Answer 1

我认为您应该尝试使用“背景位置”css 属性。它会让你的生活更简单一些。

这是小提琴

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]);

Answer 2

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

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

你也可以得到值

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

Answer 3

根据你的情况

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