Question

我试图动态改变字符串数字 - 但我没有运气，现在我完全失去了。如何以给定百分比（例如5％）提高下面的数字？这是否可能无需移动空格和非数字字符？

<em class="number">13&nbsp;616:-&nbsp;<span class="status"></span></em>

Answer 1

虽然不是最好的方法，但你可以拆分提取并制作一个正确的数字来进行计算，然后重新加入..

以下是一个例子。

就个人而言，我也会在其他地方保存这个号码，例如。也许使用数据属性。

＆＃13;

$('button').click(function () {
  $('.number').each(function () {
    var num = $(this),
      splits = num.html().split('&nbsp;'),
      splits2 = splits[1].split(':'),
      val = (Math.round((splits[0] + splits2[0]) * 1.05)).toString();
    splits[0] = val.substring(0,val.length-3);
    splits2[0] = val.substr(-3,3);
    splits[1] = splits2.join(':');
    num.html(splits.join('&nbsp;'));
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<em class="number">13&nbsp;616:-&nbsp;<span class="status"></span></em><br/>
<em class="number">12&nbsp;216:-&nbsp;<span class="status"></span></em><br/>
<em class="number">15&nbsp;002:-&nbsp;<span class="status"></span></em>



<button>Raise 5%</button>

＆＃13;

Answer 2

在<span id="myNumber">内动态更新您需要的号码，并始终根据需要替换此span的内容。
span标记不会影响您的设计，并会帮助您替换字符串的特定部分或者改为使用<label>。

动态更改字符串值

2 个答案: