javascript - 实例化构造函数无刷新改变内容？？

Question

var Test = function(data){
    this.data = data
}
Test.prototype = {
    initHtml: function(){
        var html = '<p class="test">'+ this.data +'</p>'
        return html
    },
    create: function(){
        $('body').append(this.initHtml())
        this.initEvent()
    }
}

页面中很多类似的构造函数Test1,Test2...

在页面中通过new Test1('我是内容'),new Test2('我是内容')生成内容

请问大家如何修改构造函数或者其他方法可以做到new Test1('其他内容')的时候对应修改原来new Test1('我是内容')生成在页面中的内容

单例模式？？？

Answer 1

$('body').append(this.initHtml()) 改成 $('body').html(this.initHtml())