Klicken Sie einmal und entfernen Sie alle Element nicht eins nach dem anderen Javascript

Question

Hallo der Code unten zeigt Overlay, wenn Sie auf die Willkommens-ID für mein Menü klicken. Wenn das Overlay angezeigt wird und du auf das Element selbst klickst, entfernt es zuerst das div in ihm, was ich versuche, alle mit dem Element innerhalb des Overlays zu entfernen, sobald du darauf klickst, auch wenn du außerhalb des Overlays klickst

init=()=>{ 
     //SELECT & BIND (CLICK) EVENT 
     document.querySelector('a.menuToggle, a#welcomeDivs').addEventListener('click',modal.overlay.init); 
    } 
    modal={ 
     overlay:{ 
      init:()=>{ 
       //CREATE OVERLAY 
       var overlay = document.createElement('overlay'); 
       overlay.id = 'welcomeDivsss'; 
       //SET (CLICK) EVENT TO REMOVE ITSLEF 
       overlay.addEventListener('click',modal.overlay.remove); 

       //APPEND TO INTERFACE 
       document.body.appendChild(overlay); 

       // After overlay added to html. "welcomeDivsss" is overlay id you specified. 
       $("#welcomeDivsss").append('<div class="parela" id="welcomeDiv" <div class="inner_box"> <a onclick="click" class="closes"></a> </div> </div>'); 

      }, 
      remove:(e)=>{ 
       //REMOVE ITSELF 
       e.target.parentNode.removeChild(e.target); 
      }  
     } 
    } 

    //ON DOCUMENT LOAD RUN INIT 
    document.addEventListener('DOMContentLoaded',init); 

Answer 1

Was ist mit Ihnen ändern Sie die Funktion entfernen?

Wenn ich Ihr Problem verstanden wird, dass Code, um das Problem zu beheben:

 ... 
     remove:()=>{ 
      // you can remove by the id, because it's unique 
      document.getElementById('welcomeDivsss').remove(); 
     } 
     ...