значения экстракт JQuery из CSS

Question

Как извлечь свойство стиля

<div id="clipProperty" style="clip: rect(0px 281px 647px 0px);"></div> 

и добавить его к # getClipVaalues ​​с 30 вычитают из второго значения 281, так что он говорит клип: прямоугольник (0px 251px 647px 0px) ?

<div id="getClipValues"></div> 

Это мой JS код

var clipProperty = $('#clipProperty').attr('style'); 
$('#getClipValues').attr('style', clipProperty); 

Свойство clipProperty не постоянна, а меняется регулярно. Но мне всегда нужно вычесть 30 из второго значения.

Answer 1

Это сделать это:

var re = /rect\((\d+)px (\d+)px (\d+)px (\d+)px\)/; 
var oldClip = $('#clipProperty').css('clip'); 
var newClipVal = oldClip.replace(re, "$2"); 
$('#getClipValues').css('clip','rect(0px '+(newClipVal-30)+'px 647px 0px)'); 

Answer 2

Вы ищете что-то вроде этого:

var clip = $('#clipProperty').attr('style'); 

var clip2 = $('#getClipValues').css('clip', 'rect(0px 231px 647px 0px'); 

Я сделал немного jsFiddle с ним, чтобы получить результат: http://jsfiddle.net/jtu5y1te/1/