Обновить текст с измененным текстом с новым значением переменной

Question

Представьте следующую структуру. Выводится глобальная переменная и простой текст.

var 2BPrinted = 0; 
$('body').append('<div class="message">Something </div>' + 2BPrinted); 

Тогда большая функция со структурой один клик $('elem'.one("click", function){...}) где 2BPrinted настоящее время неоднократно менялись. Я хочу как-то разобрать эти изменения на первоначально напечатанный текст, так как он не должен никуда двигаться, исчезать или дублировать себя. Я не совсем уверен, что то, что я хочу, возможно, однако я использую JQuery (возможно, вы захотите узнать).

Возможно, другим способом его достижения было бы: если я печатаю текст каждый раз, когда переменная изменяется (каждый клик), но мне нужно избавиться от старого в одно и то же время. Какие-либо предложения?

Answer 1

Отделите текст в своем элементе при его первоначальном рендеринге, а затем измените содержимое этого элемента, когда переменная изменит его значение в вашей функции щелчка. Что-то вроде этого:

var 2BPrinted = 0; 
$('body').append('<div class="message">Something </div>' + 
    '<div id="contentContainer">' + 2BPrinted + '</div>'); 

$('elem'.one("click", function){ 
    // your logic runs and changes 2BPrinted 
    $("#contentContainer").text(2BPrinted); 
})