如何制作不同颜色的价格

Question

我想在标题中显示价格，后跟一个不同颜色的$符号。我不想以不同的颜色显示所有数字 - 只显示$符号和后面的数字。在某些情况下，小数点后最多可以有两个数字，例如价格是12.50美元

我可以访问服务器上的HTML和CSS。

请参阅下面用于显示标题的代码。请告诉我如何更改此代码。

<a href="{$story_url}" rel="nofollow">{$title_short}</a>

感谢你提前帮助解决这个问题。

示例：

Answer 1

如果您可以访问HTML，则只需将所有价格包装在span标记中并为其分配一些类。然后使用CSS设置颜色：

<span class="price">$12.34</span>

Answer 2

为什么不添加像：

这样的范围

的CSS：

span.money{
    color: red;
}

HTML：

$<span class="money">12.50</span>

Answer 3

如果我理解正确，如果你使用jQuery

，这应该可以解决问题

$('element:contains("$")').css('color', 'whatever color you'd like');

实施例

$('table th:contains("$")').css('color', 'yellow');

Answer 4

假设您的值在

标记（或任何可选节点）中，您可以使用正则表达式替换它们。像

这样的东西

$('p:contains("$")').html(function(i,html){
    return html.replace(/(\$\d+(\.\d+)?)/g,function($1){
    return '<em class="money">'+$1+'</em>';
    });
});

这是一个快速演示。

http://jsfiddle.net/ngcBg/