<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<div class="block-1">
<div class="block-1-1">
<input type="text" value="1" class="block-col">
<input type="text" value="5" class="block-price">
<span class="block-total"></span>
</div>
</div>
<div class="block-1">
<div class="block-1-1">
<input type="text" value="1" class="block-col">
<input type="text" value="5" class="block-price">
<span class="block-total"></span>
</div>
</div>
<script type="text/javascript">
$(function () {
$(".block-1").each(function (indx, el) {
$('.block-1-1', el).on('change', 'input', function(event) {
var total = (parseInt($( ".block-col" ).val()) * parseInt($( ".block-price" ).val()));
$('.block-total').text(total);
});
});
});
</script>
Подскажите плиз как сделать чтобы скрипт выполняться только в блоке в который ввожу значения.