javascript - 在 javascript 函数中使用 jQuery 格式化 HTML

Question

我正在尝试根据用户按下的按钮来更新页面上的数字。我可以正常工作，但是当数字更新时，文本的格式不再像 block 中那样。这是我正在使用的代码，减去了控制格式的任何努力:

<script>
    var countUp = function() {
        $("#num").html(parseInt($("#num").html()) + 1);
        $("#textWithNumInIt").html("The number is now"+$("#num").html() );
    }
</script>

<p id="textWithNumInIt"><code>The number is 0</code></p>

我尝试将 标签放入 jQuery 中，带或不带转义字符。我尝试使用 .val() 和 .text() 来设置文本，以保持格式不变。我尝试过在数字本身周围使用跨度，但该值甚至没有更新。

这是我第一次在 javascript 函数中使用 jQuery 更改 HTML，因此问题可能与此有关。任何帮助都会很棒，如果您有关于完全不同的方法的建议，请分享。

Answer 1

当您编辑 textWithNumInIt 的内容时段落，<code>该段落内的标签自然也会被替换。这应该有效:

$("#textWithNumInIt").html("<code>The number is now "+$("#num").text()+"</code>" );