alexmixaylov,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.active {
background: #FFCC00;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function() {
var rates = {
rub: 1,
usd: 40,
eur: 45
};
//смена валюты по клику
var $span = $("span.jsCur"),
$price = $('.price');
$span.click(function() {
$span.removeClass("active");
var cur = $(this).data("cur");
$span.filter('[data-cur="' + cur + '"]').addClass("active")
$price.each(function(indx, element) {
!$(this).data('price') && $(this).data('price', +$(this).text());
$(this).text($(this).data('price') * rates[cur])
});
}).first().click();
}); </script>
</head>
<body>
<div class="wrap-price">
<p class="price">1690</p>
<p class="curency">
<span class="jsCur usd" data-cur="usd">USD</span>
<span class="jsCur eur" data-cur="eur">EUR</span>
<span class="jsCur rub" data-cur="rub">RUB</span>
</p>
</div>
<div class="wrap-price">
<p class="price">990</p>
<p class="curency">
<span class="jsCur usd" data-cur="usd">USD</span>
<span class="jsCur eur" data-cur="eur">EUR</span>
<span class="jsCur rub" data-cur="rub">RUB</span>
</p>
</div>
</body>
</html>