jQueryはh1からテキストを削除します

Question

リストを追加したり削除したりできるショッピングリストを構築する必要があります。 右側には、現在表示されているリスト見出しのリストがあります。 リストを削除すると、見出しは消えますが、empty（）、remove（）、text（ ''）のどちらでもない

あなたは全体のHTMLコード

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

を見ることができるので、私はちょうどあなたが親ノードからそれを削除する必要がポストを編集しました。

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

またはあなたが `h1header`という名前のクラスを持って示して要素の子ノード