Как в Jquery полчуить старое значение css свойства в class stylesheet, которое было переопределено в атрибуте style?

Question

[pzru]

Например:
style.css:
.bla { color: blue; }
bla.html:
<p class="bla">blabla</p>
javascript:
$('.bla').css({'color':'red'});

если я потом например вызову:
alert($('.bla').css('color'));
мне выдаст соответственно red

как получить(color blue) - старое значение из класса .bla, а не то значение, которое jquery прописал в теге в атрибуте style=""

Comments

[Артем Каюн]

Сохраняйте в переменную предыдущее значение. Средствами jquery метода это нельзя сделать.

[Николай Поливанов]

А Вы изменяете цвет после какого-то события или просто при загрузке сайта?

Answer 1

[Ihor Bratukh]

Например так:

var $test = $('.test');

$test.css({
	color: 'red',
	background: 'white'
});

console.log(oldCSS($test, ['color', 'background']));

function oldCSS($element, prop) {
	var current = $element.attr('style');
	var old = $element.removeAttr('style').css(prop);
	$element.attr('style', current);
	return old;
}

Или в виде jQuery метода, например $(selector).stylesheet(props)

jQuery.fn.stylesheet = function(props) {
	var current = this.attr('style');
	var old = this.removeAttr('style').css(props);
	this.attr('style', current);
	return old;
};

var $test = $('.test');

$test.css({
	color: 'red'
});

var color = $test.stylesheet('color');

console.log(color);

Answer 2

[pzru]

Спасибо.
А так чтобы напрямую, чтобы не удалять атрибут style, а то костыль получается :))