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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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