2016-02-02 60 views
4

在追加新元素之前,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)); 
     }); 
    }); 
+0

是否要删除类“bookHolder”中的所有'li'元素?我是对的? – erikscandola

+0

@erikscandola正确 –

回答

4

可以使用jQue的删除方法从DOM删除元素RY:

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

感谢您的帮助。 –

+0

不客气! – erikscandola

0

尝试 $( “#mainContainer上”)找到( “#bookHolder”)删除();

1

如果你想删除整个潜水,那么你可以使用

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

或者,如果你只是想将一些数据追加到$(“ bookHolder”),那么你应该清楚之前,像你需要潜水删除div内容,并为此您可以使用

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

它将清除整个div内容。