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())