如何在此输出（jQuery）中添加美元符号？

Question

以下代码输出某些项目的价格：

var $dishPrice = $("<span>").addClass("dish-price").text(topDish.price || '').appendTo($header);

我想在每个号码前添加一个美元符号。 这样做的最佳方式是什么？

Answer 1

在输出前添加'$' +：

var $dishPrice = $("<span>").addClass("dish-price")
.text('$' + topDish.price || '').appendTo($header);

在JS中，+不仅用于添加数字，还用于连接字符串。

Answer 2

如果你有多种货币，我会说在CSS中这样做可能是一个更简单的解决方案。原因是某些货币显示在价格的左侧，而其他货币则显示在右侧。

只需将货币类型添加为类名。

<强> JavaScript的：

var $dishPrice = $("<span>").addClass("dish-price").addClass("usd").text(topDish.price || '').appendTo($header);

<强> CSS：

.dish-price.usd:before{content:'$'}
/* For example Swiss Francs goes to the right side */
.dish-price.chf:after{content:' franc'}

Answer 3

var $dishPrice = $("<span>").addClass("dish-price").text('$' + topDish.price || '').appendTo($header);

像这样？