javascript - Le constructeur d'instanciation modifie le contenu sans actualisation? ?

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

Il existe de nombreux constructeurs similaires Test1, Test2...

sur la page

Générez du contenu dans la page via le nouveau Test1('Je suis le contenu'), le nouveau Test2('Je suis le contenu')

Veuillez me dire comment modifier le constructeur ou d'autres méthodes afin que lorsque le nouveau Test1 (« autre contenu ») soit utilisé, le contenu généré dans la page par le nouveau Test1 (« Je suis le contenu ») soit modifié en conséquence

Modèle de boîtier unique ? ? ?

Answer 1

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