如何使用jQuery mobile将全局Javascript变量的值插入HTML？

Question

我在我的一个JS文件中声明了一个全局变量，并且它不断更新。在某些时候，我想向用户显示该变量的值。简单地说，我想将它添加到我的HTML代码中。我有以下HTML代码：

        <div id="finalPage" data-role="page" data-add-back-btn="false">
            <div data-role="header" data-position="fixed" data-tap-toggle="false">
                <h1>Result</h1>
            </div>
            <div class="info-wrapper">
                <p>
                    Result: <br>
                    You got
                </p>
            </div>
        </div>

我想显示我的变量的值，在＃34;结果＆＃34;之后，你写了＆＃34;你得到了＃34;。我怎样才能实现它？请注意，我正在为我的应用程序使用jQuery和jQuery mobile。

Answer 1

将HTML更改为：

<p>
    Result: <br>
    You got <span id="result"></span>
</p>

并使用此jQuery： $('#result').text(result);。

小提琴：http://jsfiddle.net/3nRXV/