javascript - 添加前清除 div

Question

我目前无法在添加新元素之前清除容器 div。 (当 empty() 时，整个 div 都被擦干净了，我不想要这个。我只是想删除现有的书夹元素。我做错了什么吗？和/或这个可以吗因为“文本/模板”脚本？)

HTML 片段

<div class="component">
    <ul id="Maincontainer" class="align">
        <script type="text/template" id="template">
             <li id="bookHolder" class="bookHolder">
                <figure class="book">
                <!-- Front -->
                    <ul class="hardcover_front">
                        <li>
                            <img src="{{imgURL}}" alt="" width="100%" height="100%">
                        </li>
                        <li></li>
                    </ul>

                </figure>
            </li>
        </script>
    </ul>
</div>

JQUERY 片段

$.get( "URL", function(data) {
        var entry = $(data).find("entry");
        entry.each(function() {
            var template = $("#template").html();
            //$("#Maincontainer").remove(); - >clear whole div, appended elements not show
            //$("#Maincontainer").remove("#bookHolder"); -> Div not cleared
            $("#Maincontainer").append(template.replace("{{bookName}}", 
bookName).replace("{{summary}}", summary).replace("{{price}}", price).replace("{{seller}}", artist).replace("{{imgURL}}", image)
.replace("{{href}}", href).replace("{{category}}", category));
        });
   });

Answer 1

您可以使用 jQuery 的 remove 方法从 DOM 中删除元素:

$(".bookHolder").remove();