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

Question

我创建了一个包含不同json部分的小胡子模板，并向其动态添加json数组数据，但是我想做的是在向其添加新数据之前清除模板部分

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

尝试一下

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>