ajax обновление элемента класса

Question

У меня есть корзина со списком товаров в массиве корзины. Когда один удаляется, он обновляет корзину через ajax, однако номер элемента в массиве для каждого элемента корзины покупок не обновляется, если страница не обновляется.

<input class="remove_cart_id" type="hidden" value="'.$i.'" /> 

$ i указывает количество в массиве. Если элемент удален, это может повлиять на порядок массива, поэтому я хочу обновить $ i для каждого класса.

Вместо того, чтобы выводить содержимое всей корзины, есть простой способ просто обновить элемент для каждого класса. Это можно сделать довольно легко, с $ i = 0 и i ++ для каждого элемента в массиве корзины покупок.

ОБНОВЛЕНИЕ:

$('.remove_cart_item').click(function(){ 
$(this).parent().stop(true, true).fadeOut(); 
var pid = $('.remove_cart_id', this).val(); 
$.ajax({   
    type : 'POST', 
    url  : 'ajax/remove-cart.php', 
    data : 'pid='+pid, 
    success : function(data) { 
     $('#cart_quantity').html(data); 
    } 
}); 
// update cart array 
var i = 0; 
$('.remove_cart_id').each(function(){ 
    $(this).val(i); 
    i++; 
}; 

});

Я использую этот код сейчас, но, похоже, какая-то ошибка с каждой функцией, так как код перестает работать.

Answer 1

Чтобы изменить значение, основанное на классе, попробуйте

$(".classname").each(function() { 
    $(this).val('change'); 
}); 

Класс обычно относится к нескольким элементам, группу вместе. Если у вас есть другой элемент в том же классе, для него также будет применено изменение значения.

Answer 2

Предполагая, что вы должны повторно проиндексировать значения

function reindexCart(){ 
    var count = 0; 
    $('.remove_cart_id').each(){ 
    $(this).val(count); 
    count++; 
    } 
} 

Или, вам нужно уменьшить значение?