javascript - 用js格式化数字价格样式

Question

我想在逗号后设置数字价格的格式，并使用较小的字体:

例如，我有这个跨度:

<span class="price">9,95€</span>

我需要替换为:

<span class="price">9,<span class="small-price">95€</span></span>

如何使用 javascript、php 或 css 来完成此操作？

Answer 1

请找到下面的代码片段，我们可以使用正则表达式来做到这一点。

$.each($('.price'), function() {
  var price = $(this).html();
  $(this).html(price.replace(/(\d*\,)(\d*)(\D*)/, '<span style="font-size:22px;">$1</span><span style="font-size:16px;">$2</span><span style="font-size:14px;">$3</span>'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='price'>270,30€</div>