Показать сообщение отдельно
  #13 (permalink)  
Старый 05.11.2013, 09:54
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,228

Сообщение от Chekist
при нажатии на span class="check" вызывается функция подсчета общей суммы (значение из родительского class="tovar-price" умножается на значение родительского input.

Как описать функцию? )
Предложу такой вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(function (){
	$('.check').click(function (){
		var o=this.parentNode.parentNode;
		var sum=$(o).find('.tovar-price > span').text();
		var n=$(o).find('.numbers > input').val();
		alert(sum*n);
	});
});
</script>
</head>
<body>
<div class="tovar" id="41">
	<div class="tovar-image">
		<img src="/img/b/f1.jpg">
	</div>
	<div class="tovar-name">
		Патрик<br>
	</div>
	<div class="tovar-inside-and-size">
		(гелий, 80х60 см)
	</div>
	<div class="tovar-price">
		<span>280</span> руб/шт
	</div>
	<div class="numbers">
		<span class="minus">-</span>
		<input id="41" type="text" value="1" size="3">
		<span class="plus">+</span>
		<span class="check">=</span>
	</div>
</div>
</body>
</html>
Ответить с цитированием