在追加之前清除div

在追加新元素之前，Im當前無法清除容器div。（整個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)); 
     }); 
    });

來源

2016-02-02 et moi

是否要刪除類「bookHolder」中的所有'li'元素？我是對的？ – erikscandola

@erikscandola正確 –

可以使用jQue的刪除方法從DOM刪除元素RY：

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

來源

2016-02-02 07:37:14 erikscandola

感謝您的幫助。 –

不客氣！ – erikscandola

嘗試 $（「＃mainContainer上」）找到（「＃bookHolder」）刪除（）;

來源

2016-02-02 07:46:16

如果你想刪除整個潛水，那麼你可以使用

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

或者，如果你只是想將一些數據追加到$（「 bookHolder」），那麼你應該清楚之前，像你需要潛水刪除div內容，併爲此您可以使用

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

它將清除整個div內容。

來源

2016-02-02 07:52:38

在追加之前清除div

回答

相關問題