Блог

Я извлекаю изображение с «идентификатором»(динамическим) и хочу удалить изображение с помощью ajax, изображение успешно удалено, но не может динамически скрыть (div) (который я удалил)

Вот мой html-код

 <?php 
$banner=$store->banner;
if(!empty($banner))
        {   
            $ban = explode(',', $banner);
            $i="1";
foreach($ban as $key => $img)
            {
                $img;
                $info=$img;
?>  
            <input type="hidden" id="id" name="id" value="<?php echo $store->id; ?>">
            <input type="hidden" id="imgname" name="imgname" value="<?php echo $img; ?>">
            
            <div class="form-group" id="<?php echo $key; ?>"> <!-- Creating div with id (dynamic) -->
            <label for="status">image <?php  ?></label>
            <img src="<?php echo base_url(); ?>/<?php echo $img; ?>" width="80" height="80">
            <a class="btn-sm btn-danger text-light" onclick="deleteFun(<?php echo $key; ?>)" href="#"> Delete</a>
            </div>
<?php 
            $i  ;
            }
        }
?>
 

Вот моя функция ajax,я просто хочу скрыть div(который я выбираю/удаляю),Как я могу это сделать ?

 <script type="text/javascript">
function deleteFun(ImgId)
        {
            if (confirm("Are you sure you want to delete this banner ?")) {
            var imgname = $('#imgname').val();
            var id = $('#id').val();
            $.ajax({
            type: "POST",
            url: "<?php echo base_url('upload_controller/deleteImage'); ?>", 
            data: {'id': id,'imgname':imgname,'ImgId':ImgId},
            success: function(data){ 
            $("#ImgId").remove();
            
              console.log(data);
                } 
             });
                }
        }
</script>
 

В вашем JS вы должны указать идентификатор DIV в качестве объединенного значения, чтобы указать конкретный идентификатор, поскольку идентификатор, который вы принимаете, входит в функцию в качестве аргумента.

 <script type="text/javascript">
function deleteFun(ImgId)
        {
            if (confirm("Are you sure you want to delete this banner ?")) {
            var imgname = $('#imgname').val();
            var id = $('#id').val();
            $.ajax({
            type: "POST",
            url: "<?php echo base_url('upload_controller/deleteImage'); ?>", 
            data: {'id': id,'imgname':imgname,'ImgId':ImgId},
            success: function(data){ 
            $("#"  ImgId).hide();
            
              console.log(data);
                } 
             });
                }
        }
</script>