Как отменить функцию prepend(), если она добавляет изображения в div

Question

Посмотрите на код ниже,.dummyCheckbox является селектором для флажка. .prodThumb - это селектор класса для удержания изображений при щелчке по элементу dummyCheckbox.

Теперь я хочу отменить / или удалить изображение при повторном нажатии флажка (.dummyCheckbox).

$('.dummyCheckbox').change(function(){
    _sku = $(this).attr('data-sku');
    _imgSrc = $('img[data-sku="'+_sku+'"]').attr('src');
    $('.prodThumb').prepend('<img src="'+_imgSrc+'" class="img-responsive">');
    $("#selector2").css('border','1px solid #ccc');
    $(this).unbind();

    });

спасибо за ваше любезное сердце, чтобы помочь.!

Answer 1

Поскольку вы готовитесь, это будет первый ребенок, поэтому вы можете сделать:

$('.dummyCheckbox').change(function() {
    if(!this.checked){
        $('.prodThumb img:first').remove();
    }else{
        // your other code
    }
});

Там будет проблема, однако с вашим unbind() это означает, что обработчик события будет отменен, и событие "uncheck" не будет запускать этот код

Answer 2

Если вам просто нужно удалить изображение, вы можете

$('.dummyCheckbox').change(function() {

  // find image and remove it
  $('.prodThumb .img-responsive').remove();
});