Использование имени класса в jQuery .closest ()
Я пытаюсь сделать некоторые вычисления для «промежуточного итога», это мой код:
$('.quantity_input').live('change',function(){
var ValOne = parseFloat($(this).val());
var ValTwo = parseFloat($(".price").text())
var totalTotal = ((ValOne) * (ValTwo));
$('.cost_of_items').closest('.cost_of_items').text(totalTotal.toFixed(2));
calcTotal();
});
.quantity_input - это входные данные, .price - цена товара, а .cost_of_items - это место, где я хочу обновить общую стоимость товара, т.е. item1 = £ 5 x 3 количество = £ 15 всего для item1 calcTotal () - это функция, которая просто обновляет общую стоимость заказа. Проблема состоит в том, чтобы хранить всю математику в одной строке таблицы, то есть я делаю вычисления в приведенном выше коде, а не придерживаться ее строки, обновляя все поля с помощью класса .cost_of_items и т. Д. ...
проблема с отображением моего html заключается в том, что он динамически добавляется с помощью jQuery .appends (), но здесь есть соответствующий jQuery:
$('#items').append('<tr class="tableRow"><td><a class="removeItem" href="#"><img src="/admin/images/delete.png"></img></a><td class="om_part_no">' + omPartNo + '</td><td>' + supPartNo + '</td><td>' + cat + '</td><td class="description">' + desc + '</td><td>' + manuf + '</td><td>' + list + '</td><td>' + disc + '</td><td><p class="add_edit">Add/Edit</p><input type="text" class="quantity_input" name="quantity_input" /></td><td class="price_each_nett price">' + priceEach + '</td><td class="cost_of_items"></td><td><p class="add_edit">Add/Edit</p><input type="text" class="project_ref_input" name="project_ref_input" /><p class="project_ref"></p></td></tr>');
РЕДАКТИРОВАТЬ:
Рабочий раствор:
$('.quantity_input').live('change',function(){
var ValOne = parseFloat($(this).val());
var ValTwo = parseFloat($(this).closest('tr').find('.price').text())
var totalTotal = ((ValOne) * (ValTwo));
$(this).closest('tr').find('.cost_of_items').text(totalTotal.toFixed(2));
calcTotal();
});