Supprimer un élément d'une div qui a été générée en Ajax
Bonjour à tous,
Je me retrouve confronter face à un problème qui me bloque depuis plusieurs jours...
Comme indiqué dans le titre, je cherche à effacer un élément précis se situant dans une div.
Rien de bien compliqué un removeChild() et roule, et bien non ;)
La div est "remplie" par une fonction javascript comprenant un span du texte et un bouton permettant de choisir quel élément on souhaite supprimer.
Sur ce bouton est placé un écouteur qui faut appel à plusieures fonctions dont ma fonction removeResult(response) qui a pour but de supprimer l'élément sélectionné.
Cette fonction fonctionne parfaitement quand le contenu de la div est généré en php, mais le php ne convient pas car si l'utilisateur décide d'ajouter un élément et qu'il souhaite finalement le supprimer, il ne pourra pas car l'élément ajouté ne sera pas visible dans le listing.
Voici la fonction en question:
Code:
1
2
3
4
5
6
7
8
|
function removeResult(response){
var result=document.getElementById('ingr'+response.id_pizza+response.idIngr);
console.log(result);
var parent=result.parentNode;
console.log(parent);
parent.removeChild(result);
} |
les console.log me retournent les bonnes valeurs mais la suppression ne s'effectue pas sur le DOM.
J'ai tenté en Jquery en faisant:
Code:
1
2
3
4
5
|
function removeResult(response){
var result=$('#ingr'+response.id_pizza+response.idIngr);
result.remove();
} |
Sans succès non plus.
Je me tourne vers vous pour avoir d'autres pistes à creuser, quelque chose doit m'échapper.
Merci d'avance, Julien
