在追加时，计算新创建的div并在附加新div时销毁该div

Question

单击时，会附加一个div，在第二次单击时，将创建另一个具有相同内容的div，使其完全重复。

问：如何在创建新div时销毁前一个div？

$(document).on('click', '.LibSectOpen', function() {
         var LibSect = ($(this).find('.SectionName').html())
         $(this).find('.SectionName').empty()
         $(this).append('<div class="LibraryBooks BooksHolder"><img height="30" width="30" class="LibraryBooksGIF" src="../images/ic_loading.gif"></div>').load(function(e) {

        });

Answer 1

试试这个。

<强> HTML

<div id="container"></div>
<button>Add Content</button>

jQuery代码

$('button').on('click', function(){
        $('#container').empty();
        $('#container').append('<div class="LibraryBooks BooksHolder">this is dynamicaly added text</div>');

});

Demo

Answer 2

在添加新div之前，您应先删除旧div。

$(document).on('click', '.LibSectOpen', function() {
     var LibSect = ($(this).find('.SectionName').html());
     $(this).find('.SectionName').empty();
     $(this).find('.BooksHolder').remove();
     $(this).append('<div class="LibraryBooks BooksHolder"><img height="30" width="30" class="LibraryBooksGIF" src="../images/ic_loading.gif"></div>');
});