Question

我目前无法在追加新元素之前清除容器div。（整个div在empty()时被擦干净了，我不想要这个。我很简单想要删除现有的书架元素。有什么我做错了吗？和/或这可能是因为＆＃34; text / template＆＃34; script？）

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

Answer 2

如果您想要删除整个潜水，那么您可以使用

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

或者，如果您只想将一些数据附加到$（“。bookHolder”），那么您应该清除潜水，然后才能删除div内容，为此您可以使用

$(".bookHolder").html("");

将清除整个div内容。

Answer 3

试 $（＆＃34;＃mainContainer上＆＃34）。发现（＆＃34;＃bookHolder＆＃34）。除去（）;

在追加之前清除div

3 个答案: