Supprimer le parent sans id ou classe à l’aide de JQuery

J’ai donc du code HTML qui ressemble à ce qui suit:

…etc. Comment ferais-je référence exactement au bouton qui a déclenché le onClick sans connaître l’identifiant du bouton? J’aimerais que ma méthode removeParent (self) ressemble à ceci:

 buttonThatWasClicked.parent().remove();

J’appendais une classe aux boutons pour que la fonction ne soit pas liée à tous les boutons de la page, mais uniquement à ceux que vous souhaitez.

Utilisez ensuite le sélecteur de classe jquery pour lier une fonction qui supprime le parent.

 $(".myClass").click(function(){ $(this).parent().remove(); });

Démo: http://jsfiddle.net/cXLqK/

Vous pouvez l’utiliser pour faire référence au bouton sur lequel vous avez cliqué à l’intérieur du gestionnaire de clics.

 $("button").click(function(){ removeParent($(this)); }); function removeParent(buttonThatWasClicked){ buttonThatWasClicked.parent().remove(); }

Si vous avez onclick sur les nœuds HTML (c’est-à-dire non défini via jQuery):

alors cela fonctionnera:

 removeParent = function(e) { $(e).parent().remove(); }

Exemple de travail:

http://jsfiddle.net/VEETt/