Как удалить один элемент из нескольких одинаковых 1 раз?

Question

[Chernichko]

На стhfнице находится несколько элементов

<div class="delTovBask_item">в <a href="/lk/basket">корзине</a> 
    <img src="/css/images/icon-reset.png" id="'.$id.'" data-toggle="tooltip" data-placement="top" title="Убрать из корзины">
</div>';

Когда я кликаю на один из них, чтобы удалить, удаляется элемент несколько раз. По количеству таких элементов на странице. Один элемент несколько раз (!)

$('.enhanced-catalog').on('click', '.delTovBask_item img', function() {
    tov = this.id;
    var lnka = '/lk/delbask/' + tov + '/0';
    $.ajax({
        type: "POST",
        url: lnka,
        success: function() {
            reloadCatalogItems();
            $('.item-pop-up').fadeOut();
        }
    });
});

Как мне удалить элемент 1 раз?

Comments

[OVK2015]

В примере кода ничего не удаляется. Разве что в ф-ции reloadCatalogItems();
Какой эл-нт? По кот. кликаете?

[Chernichko]

код переносит на страницу на которой удаляется, после успешного удаление обновляется список элементов.

элемент по котороу кликаю как раз .delTovBask_item img

[OVK2015]

Chernichko:

код переносит на страницу на которой удаляется,

Мощно сказано.
Покажите лучше содержимое reloadCatalogItems(); и html блок, в кот эти удаляемые эл-ты находяться

[Chernichko]

OVK2015: и кстати, он несколько раз удаляет только если несколько раз сработала функция reloadCatalogItems();. Если просто зати и начать кликать по .delTovBask_item img, удаляются по одной....

[Chernichko]

OVK2015: function reloadCatalogItems(){
var ThisA = window.location;
path = ThisA.pathname;
arrPath = path.split('/');
rubr = arrPath[arrPath.length-1];
var lnka='/catalog/reloadpreview';
$.ajax({
type: "GET",
url: lnka,
data:{
rubr: rubr,
get: ThisA.search
},
success: function(data){
$('.items-catalog').html(data);
}
});
}

[OVK2015]

Chernichko: А html? Как связаны эд-ты с классами delTovBask_item и items-catalog?

[Chernichko]

OVK2015: items-catalog содержит элементы item, которые либо содержат, либо не содержат delTovBask_item

[OVK2015]

Chernichko: Смотрите:
Когда кликаете по delTovBask_item происходит следующее:
1. Первым ajax запрашиваются данные с '/lk/delbask/' + tov + '/0'. Данные никакие он не получает и, соответственно, не обрабатывает.(что по меньшей мере странно,- зачем он вообще нужен)
2. Дождавшись ответа от сервера, вы вызываете ф-цию reloadCatalogItems. Которая, в свою очередь выполняет еще один ajax запрос по '/catalog/reloadpreview', с передачей параметров
3. И вот уже в ее обработчике ответа, вы полностью заменяете содержимое items-catalog данными полученными от сервера. Т.е., все delTovBask_item, кот. ранее(до ajax) были в items-catalog,- удаляются

[Chernichko]

OVK2015: это мне понятно. Что мне надо сделать, что бы все работало по человечному?

[OVK2015]

Chernichko: По человечески это как? Как по задумке это должно работать?
Есть страница со списком этих "delTovBask_item". Кликнули по одному из них. Что должно произойти?

Answer 1

[Дмитрий]

$(this).fadeOut();