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);

否則您將不得不創建一個在給定子節點時執行此操作的函數