如何清除按钮单击侦听器上的mustache.js模板以添加不同的数据

Question

I created a mustache template that contains different json parts and I append data to it dynamically json array, but what I want to do is clear the template part before adding new data to it

function loadTempalte(data){
    var template = $('#template').html();
            Mustache.parse(template);
            for ( oneResult of data) {
                var rendered = Mustache.render(template, {key1: oneResult.Auther.toString(),
                key2: oneResult.book.toString()});
                $('#result-block').append(rendered);
            }
        }
}
<script id="template" type="x-tmpl-mustache">
                     {{ author}}
                     <br>
                     {{book}}
                      <hr>
                </div>
</script>

Answer 1

try this

function loadTempalte(data){
    // new line
    $('#result-block').html("");
    var template = $('#template').html();
            Mustache.parse(template);
            for ( oneResult of data) {
                var rendered = Mustache.render(template, {key1: oneResult.Auther.toString(),
                key2: oneResult.book.toString()});
                $('#result-block').append(rendered);
            }
        }
}
<script id="template" type="x-tmpl-mustache">
                     {{ author}}
                     <br>
                     {{book}}
                      <hr>
                </div>
</script>