一度クリックして、すべての要素を一つずつ削除します。

Question

こんにちは、私のメニューのウェルカムIDをクリックすると下のコードが表示されます。オーバーレイが表示され、要素自体をクリックすると、その中のdivが最初に削除されます。何をしようとしているのは、オーバーレイの外側をクリックしたときにオーバーレイ内の要素で要素をすべて削除することです。

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

あなたの削除機能はどうですか？

私はあなたの問題を理解している場合、そのコードは、問題を解決します：

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