2015-08-16 3 views
0

После запроса Ajax я хочу, чтобы div с идентификатором исчез, но он не работает. В журнале консоли отсутствует ошибка. Я проверил условие после запроса ajax с alert(), и он работает так, что это функция remove(), которая не работает.Не удается удалить div с идентификатором с помощью jQuery

Мой ДИВ (он содержит много контента, как дивы)

<div class="div_avion" <?php echo ($demandePHP==true)?'id="avion_idDIV:'.$dataPHP['avion_id'].'"':'';?> <?php echo ($demandePHP==false)?'style="display:none;"':'';?>>...</div> 

JS

$(document).ready(function(){ 
     $(document).on('click', '.button-trash', function() { 
      if($(this).is(".avion_bdd")) 
      { 
       var avion_id = $(this).attr('id').replace("avion_id:", ""); 
       var result = confirm("Etes-vous sûr de vouloir supprimer cet avion ?"); 
       if (result) { 
        $.ajax({ 
         url : '<?php echo 'http://'.$_SERVER[HTTP_HOST].'/scripts/deleteavionflottehub.php';?>', 
         type : 'POST', // Le type de la requête HTTP, ici devenu POST 
         data : 'avion_id='+avion_id, 
         dataType : 'html', 
         success : function(resultat, statut){ 
         if(resultat=='OK') 
         { 
          $('#avion_idDIV:'+avion_id).remove(); 

         } 

         }, 

         error : function(resultat, statut, erreur){ 

         }, 

         complete : function(resultat, statut){ 

         } 
        }); 
       } 

      }else{ 
       $(this).parent().parent().parent().parent().parent().remove(); 
      } 
     }); 
}); 

Вы идею?

+2

Двоеточие в вашем 'id' интерпретируется как псевдокласс/селектор, и поэтому ничего не найдено. Вот решение: http://stackoverflow.com/questions/7434215/jquery-selecting-an-id-with-a-colon-in-it – Joe

+1

Является ли это '$ (this) .parent(). Parent(). parent(). parent(). parent() 'предполагается, чтобы получить элемент' div_avion'? Более простой способ сделать это - сделать '$ (this) .closest ('. Div_avion')' .. Но я не совсем понимаю, что вы пытаетесь удалить. Можете ли вы добавить соответствующий HTML-код? –

+0

@Joe Действительно, это решило мою проблему. thx –

ответ

1

В синтаксисе селектора jQuery : имеет особое значение, см. Здесь несколько примеров: https://api.jquery.com/category/selectors/basic-filter-selectors/. В вашем примере это похоже на ID-строку: '#avion_idDIV:'+avion_id. Возможно, вам придется изучить другой способ формирования ваших идентификационных строк.

Извините! только что заметил, Джо уже упомянул этот момент 10 минут назад! Я не хотел срывать его пост. Джо, который заслуживает кредитов за этот ответ.

Смежные вопросы