jQuery - Porcentaje mínimo del valor de píxeles de CSS - javascript, jquery

Estoy tratando de conseguir un montón de background-position-y los valores de un número de elementos y menos un porcentaje del valor de píxel y luego asignan ese nuevo valor a cada elemento. P.ej. Menos el 30% de 40px = 28px. Mi código de abajo no está funcionando como se esperaba.

var jq = jQuery;
var icon = jq("#weather i");
jq(icon).each(function(){
var bgPosX = jq(this).css("background-position-x");
var bgPosY = jq(this).css("background-position-y");
var bgPosYNew = bgPosY - 30%;
jq(this).css({
"background-position-x" : bgPosX,
"background-position-y" : bgPosYNew
});
});

Respuestas

Prueba el shortz:

jq(this).css("background-position-x","-=30%");

o como dijo Klaus:

jq(this).css("background-position-x","*=.7");

Si vas seco prueba esto:

jQuery(this).css({backgroundPositionX:"*=.7", backgroundPositionY:"*=.7"});

var bgPosYNew = bgPosY - (bgPosY * 0.3); Esto debería funcionar