Есть таблица, у каждой строки которой есть порядковый номер, этот номер нужно обновлять при удалении любого элемента:
Таблица
<table id="orders"> //<th> и остальные теги не вывожу
<tr rel="<?=$orderId;?>">/* $orderId НЕ порядковый номер строки */
<td><span class="counter">$i++</span></td>
/* $i - выводит порядковый номер строки, который после
изменяется с помощью jquery function updateCounter() */
<td class="delete">удалить</td>
</tr>
<tr>...</tr>
<tr>...</tr>
...
</table>
Удаляю ряд с помощью jquery:
$(".delete").on('click', function () {
var tr = $(this).closest('tr');
deleteOrder(tr);
});
function deleteOrder(tr) {
var id = tr.attr('rel');
$.post (
'/blog/admin/ajax/deleteOrder.php',
{"id" : id},
function( data ){
tr.fadeOut();
});
updateCounter();
}
function updateCounter() {
var tr = $('#orders tr');
var i = 0;
$.each(tr, function () {
i++;
$(this).find('.counter').text(i);
});
}
Вся проблема в функции updateCounter()
. При удалении строки функция не заменяет порядковый номер на новый, но если вставить другое значение, например:
$(this).find('.counter').text(value);
То все порядковые номера заменятся на value
, будь это строка или что либо еще.
Прошу подсказать куда копать?
Проблема в селекторе? Возможно, выделяются все строки с классом counter
и в них кладется одно и то же число, именно поэтому нет смысла в моем обновлении и
text(i); ??