Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2005
    residenza
    http://www.okkioalprezzo.com/it/
    Messaggi
    206

    [jQuery] - eliminare un elemento creato precedentemente in modo dinamico da una chiama ajax

    Salve a tutti,
    Ho un problema con una eliminazione di un elemeto ti tipo <li> con id univoco di una lista non ordinata creata dinamicamente da una chiamata AJAX.

    Codice lista creata dinamicamente da una chiamata AJAX:

    codice HTML:
    <ul>
       <li id="1">
              <a href="#" class="xx_delete_image" >.....</a>
       </li>
    
       <li id="2">
              <a href="#" class="xx_delete_image" >.....</a>
       </li>
    
       <li id="3">
              <a href="#" class="xx_delete_image" >.....</a>
       </li>
    </lu>

    Cliccando sul link con la classe xx_delete_image mi vado a prendere l'id del genitore per registrarlo e successivamente faccio una chimata AJAX. Dopo che l'evento mi restituisce un elemento json vorrei cancellare <li> con il suo id associato...

    CODICE:

    codice:
        $(document).on( "click", ".xx_delete_image", function(e)
        {
            e.preventDefault();
            // Recupero L' ID dell'elemento da eliminare successivamente
            var attrId     = '#'+$(this).parent().attr('id');
    
    
            // eventi ajax
            $.ajax({
                url : '<?php echo site_url().$get_class?>/deleteAttach.html',
                data : 'file='+attrId, 
                dataType : 'json', //restituisce un oggetto JSON
    
                success : function(response,stato)
                {
                    if(response.success==0)
                    {
                        window.location.href = '<?= site_url('/login')?>';
                    }
                    else if(response.success==1)
                    {
                        // Questo è ID Univoco nell'elemeto da eliminare però non lo elimina e se scrivo
                        // console.log(attrId.lenght) mi restituisce 0....
                        $(attrId).remove();
                    }
                    else
                    {
                        alert('errore generale. riprovare più tardi');
                        window.location.href = '<?= site_url('/login')?>';
                    }
                },
    
    
                error : function (richiesta,stato) {
                    alert("Errore: "+stato);
                }
            });
        });
    HELP HELP HELP!!! è da questa mattina che vado sbattendo la testa!!!!

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Secondo me è perché invii # al server che non digerisce prova così a cambiare queste righe
    codice:
    var attrId  =$(this).parent().attr('id');
    
    $('#'+attrId).remove();
    Se non dovesse ancora andare posta un link alla pagina pubblica

    Attenzione è sconsigliato usare numeri come id anteponigli _numero
    Ultima modifica di cavicchiandrea; 04-04-2014 a 20:37
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2005
    residenza
    http://www.okkioalprezzo.com/it/
    Messaggi
    206
    niente!! carico sul server e posto il link..

  4. #4
    Utente di HTML.it
    Registrato dal
    Aug 2005
    residenza
    http://www.okkioalprezzo.com/it/
    Messaggi
    206
    Risolto in questo modo:

    codice:
    $("li[id='"+attrId+"']").remove();
    Grazie a tutti!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.