javascript - 使用变量的新值更新已打印的文本

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