如何在开始标签处附加$符号

Question

我是JQuery的新手。想在标签的开头附加一个'$'符号。

这是我的代码。谢谢你的期待。

<input id="field1" type="text" />
<div id="output"></div>
<script>
    $(function () {
        $('#field1').keydown(function () {
            setTimeout(function () {
                $('#output').append("$").text($('#field1').val() / 100).append(".00");
            }, 50);
        });
    });
</script>

如果用户输入3000，则输出上面的代码，然后输出为30.00。 但我希望输出为$ 30.00

我能做到这一点

$<div id="output"></div>

但它没有很好地对齐。

Answer 1

对text()的调用会覆盖您首先追加的$。相反，prepend $最后：

$('#output').text($('#field1').val() / 100).append(".00").prepend("$");

Answer 2

您是否尝试过将HTML特殊字符用于$？

.prepend("$")

Answer 3

为什么不简单呢？

看看令人兴奋的令人兴奋的演示。

DEMO

$('#output').text('$'+ ($('#field1').val() / 100) + '.00');