Обновление цены в прайсе по курсу валют
Добрый день всем! Только начал изучать js и столкнулся с проблемой: я хочу сделать прайс с ценами в рублях. Но в таблице у меня прописаны цены в евро. Хотелось бы вводить один раз курс и чтобы все цены менялись автоматом. Хотел использовать такой код:
var kurs=50;
$('table tr').has('td').each(function() {
var arrayItem = {};
$('td', $(this)).each(function(index, item) {
console.log($(item).html(kurs*1.3+""+$(item).html()));
});
});
но не вышло. Так как он добавляет к каждой ячейке значение. А мне нужно чтобы просто было перемножен курс на значение в таблице когда пользователь заходит на страницу. Сама таблица:
<!DOCTYPE HTML>
<html>
<head> </head>
<body>
<table>
<tr>
<td colspan="6">шапка</td>
</tr>
<tr>
<td colspan="6">сопутствующие материалы для черепицы</td>
</tr>
<tr>
<td><div>наименование</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>цена</td>
</tr>
<tr>
<td>armourvent standart</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>13,91</td>
</tr>
<tr>
<td>armourvent special</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>21,16</td>
</tr>
<tr>
<td>aerpixies</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>7,42</td>
</tr>
<tr>
<td>armourvent multi</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>95,41</td>
</tr>
<tr>
<td>armourvalley</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>11,55</td>
</tr>
<tr>
<td>superg lass new cambridge</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>45,45</td>
</tr>
<tr>
<td>quick ridge</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>76,72</td>
</tr>
<tr>
<td><div>cambridge</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>38</td>
</tr>
<tr>
<td><div>hip and ridge12</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>62,52</td>
</tr>
<tr>
<td>armourbase pro</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>3,43</td>
</tr>
<tr>
<td>armourbasestick</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>7,77</td>
</tr>
<tr>
<td>гвозди</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>3,8</td>
</tr>
<tr>
<td>armourvent sanitary</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>95,27</td>
</tr>
<tr>
<td>shingle stick</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>5,24</td>
</tr>
<tr>
<td>plastal stick</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>5,24</td>
</tr>
<tr>
<td>plastal</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td>38,5</td>
</tr>
<tr>
<td colspan="6">цены указаны на 01.03.2014</td>
</tr>
</table>
</body>
</html>
Помогите, пожалуйста, разобраться с этой задачей |
Задай ячейкам с ценами класс .price.
И делай как-то так:
<!DOCTYPE HTML>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<title>test</title>
</head>
<body>
<div class="price">1</div>
<div class="price">2</div>
<div class="price">3</div>
<div class="price">4</div>
<div class="price">5</div>
<div class="price">6</div>
<div class="price">7r</div>
<div class="price">8</div>
<div class="price">9</div>
<div class="price">10</div>
<script>
$(function(){
$('.price').each(function(){
$(this).text(parseFloat($(this).text())*10);
})
});
</script>
</body>
</html>
|
Цитата:
|
[quote=Zuenf;299887]Спасибо получилось! Но некоторые значение выходят очень длинными, можно результат округлить до двух чисел после запятой? Я знаю, что есть alert(.toFixed(2)), но как ее правильно задать в данном варианте?
|
Цитата:
<!DOCTYPE HTML>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<title>test</title>
</head>
<body>
<div class="price">1</div>
<div class="price">2</div>
<div class="price">3</div>
<div class="price">4</div>
<div class="price">5</div>
<div class="price">6</div>
<div class="price">7r</div>
<div class="price">8</div>
<div class="price">9</div>
<div class="price">10</div>
<script>
$(function(){
$('.price').each(function(){
$(this).text((parseFloat($(this).text())*1.66).toFixed(2));
})
});
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 05:07. |