Fonction javascript Remover

Question

Je suis novice en JavaScript et j'écris une sorte d'application de gestion des dépenses. Je suis coincé avec l'écriture d'une fonction qui peut supprimer le parentNode et les enfants respectifs à chaque fois qu'elle est appelée.

J'ai un bouton de suppression à côté de tous mes articles dans ma liste de dépenses. J'ai déjà essayé d'utiliser le mot-clé this pour obtenir le nœud parent, mais il renvoie une valeur indéfinie. Mon code :

function remover(){
  var x = this.parentNode.parentNode;
}

Answer 1

Transmettez cet élément cible en tant qu'argument à la fonction, puis utilisez la fonction .parentElement pour accéder à l'élément parent et appliquer simplement .remove() pour supprimer l'élément parent du DOM.

function remove(that) {

  that.parentElement.remove();

}

<div class="parent">
      <div class="child" onclick="remove(this)">Click me to remove my parent!</div>
</div>