У меня такая проблема.
Есть калькулятор который считает стоимость допустим.
<div class="items">
<div class="item">
<div class="item_name">NAME</div>
<div class="item_price">2000</div>
<div class="item_count">
<input type="text" value="0">
</div>
<div class="item_endprice">0</div>
</div>
<div class="item">
<div class="item_name">NAME</div>
<div class="item_price">2000</div>
<div class="item_count">
<input type="text" value="0">
</div>
<div class="item_endprice">0</div>
</div>
</div>
Значит что необходимо: Есть 4 поля
item_name - Имя услуги
item_price - Цена
item_count - это поле содержащее изменяемый input (количество)
item_endprice - итоговая цена которая высчитывается
И так начинаю писать сам скрипт
<script>
jQuery(document).ready(function () {
jQuery('.items').delegate('.item_count input', 'change', function () {
calculate(this);
});
jQuery('.items').delegate('.item_count input', 'keyup', function () {
calculate(this);
});
// Получается что я обьявил, как только происходит изменение в input то мы начинаем считать, далее пишу функцию калькулятора
function calculate(e) {
price = parseFloat(jQuery(e).parent().prev('.item_input').html());
name = jQuery(e).parent().prev('.item_name').html();
count = parseFloat(jQuery(e).val());
if (isNaN(count)) {
count = 0;
}
endprice = price * count;
jQuery(e).parent().next('.item_total').html(endprice);
//И вывожу расчеты в консоль
console.log(name);
console.log(price);
console.log(count);
console.log(endprice);
}
});
Так вот вся проблема в том, что все выводится правильно кроме name.
name выводит undefined, я все никак не могу понять почему
Версия jQuery :1.10.2