jQuery Text von h1 entfernen

Question

Ich muss eine Einkaufsliste erstellen, wo ich Listen hinzufügen und löschen kann. Auf der rechten Seite befindet sich die aktuell geöffnete Liste mit der Listenüberschrift. Beim Löschen einer Liste sollte die Überschrift verschwinden, aber nicht, weder mit leer(), noch entfernen() oder Text ('').

ich bearbeitet gerade die Post, so dass Sie den gesamten HTML-Code sehen

HTML:   
<div class="container"> 
     <div class="row"> 
      <div class="col-sm-4"> 
       <div id="shoppinglist"> 
        <div class="header left"> 
         <h2>Listen</h2> 
         <i class="glyphicon glyphicon-plus newList" ></i> 
        </div> 
        <ul class="list lists"> 
         <!-- --> 
        </ul> 
       </div> 
      </div> 
      <div class="col-sm-8"> 
       <div class="header right"> 
        <i class="glyphicon glyphicon-search"></i> 
        <i class="glyphicon glyphicon-menu-hamburger"></i> 
        <img src="img/profile.png" alt="profilbild"> 
       </div> 
       <div id="listbody"> 
        <div class="listheader"> 
         <!--<h1>List 1</h1>--> 
        </div> 
        <div id="listitems"> 
         <div class="items_container"> 
          <!-- --> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
     <div class="row"> 
      <div class="col-sm-4"> 
       <div id="categorylist"> 
        <div class="header"> 
         <h2>Kategorien</h2> 
        </div> 
        <ul class="list categories"> 
         <!-- --> 
        </ul> 
       </div> 
      </div> 
      <div class="col-sm-8"> 
       <div class="header"> 
        <input placeholder="Was willst du Einkaufen?" type="text" /> 
       </div> 
       <div id="categoryitems"> 
        <div class="items_container"> 
         <!-- --> 
        </div> 
       </div> 
      </div> 
     </div> 
     <div id="producthover_container"> 
      <div id='producthover'> 
       <div id='producthover_icon'> 
        <i class='glyphicon glyphicon-plus'></i> 
       </div> 
       <div id='producthover_detail'> 
        <span>Details <br> hinzufügen</span> 
       </div> 
      </div> 
     </div> 
    </div> 


list.js: 
printHeader(){ 
    $(".listheader").empty(); 
    $(".listheader").append("<h1 class='h1header'>" + this.name + "</h1>"); 
} 


shoppinglist.js: 
$(".lists").on("click","i",(e) =>{ 
    let r = confirm("Delete?"); 
    if(r) { 
     $(".h1header").remove(); 
     $(e.target).parent().remove(); 
    } 
}); 

Answer 1

Sie es aus dem übergeordneten Knoten entfernen müssen. wie folgt aus:

var child = $(".h1header"); 
$(".listheader").removeChild(child); 

oder Sie eine Funktion erstellen, die dies tut, wenn