使用新的变量值更新alreade打印文本

时间:2015-04-27 08:53:40

标签: javascript jquery

想象一下以下结构。打印全局变量和简单文本。

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

然后是一个具有单击结构$('elem'.one("click", function){...})的大型函数,其中2BPrinted正在被重复更改。我想以某种方式解析这些更改到最初打印的文本,因为它不应该移动到任何地方,消失或复制自己。我不完全确定,我想要的是可能的,但是我使用Jquery(你可能想知道)。

实现它的另一种方法可能是,如果我每次更改变量(每次点击)都会打印文本,但我需要同时删除旧文本。有什么建议吗?

1 个答案:

答案 0 :(得分: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);
})